.commonblock a { box-sizing: border-box; border-top: 2px solid #FFF; border-right: 2px solid #FFF; display: block; height: 325px; width: 33.33333333%; float: left; text-align: center; text-decoration: none; }
.commonblockwide a { box-sizing: border-box; border-top: 2px solid #FFF; border-right: 2px solid #FFF; display: block; height: 325px; width: 66.66666666%; float: left; text-align: center; text-decoration: none; }

.commonblock span, .commonblockwide span { background: #000; opacity: 0.8; 
 display: block; padding: 10px 20px; position: relative; top: 150px; font-size: 1.35em; font-weight: 400;
line-height: 1.5em;  color: #FFF;  }

.commonblock strong, .commonblockwide strong { display: block; padding-bottom: 10px; }
.commonblock em, .commonblockwide em { font-size: 0.60em; font-weight: 100 !important; font-style: normal !important;  
font-style: italic; color: #FFF; text-transform: none !important;  }

.commonblock:hover, .commonblockwide:hover {
    opacity: .6; /* css standard */
    filter: alpha(opacity=60); /* internet explorer */
}


@media only screen and (max-width: 750px) {
	.commonblock, .commonblockwide { font-size: 1em !important; } 
.commonblock a { width: 50% !important; }
.commonblockwide a { width: 100% !important; }
}
@media only screen and (max-width: 500px) {
	.commonblock, .commonblockwide { font-size: 1em !important; } 
.commonblock a, .commonblockwide a { width: 100% !important; }
}