.view {width: 260px;height: 260px;overflow: hidden;position:relative;cursor:default;background: #ccc;padding:0;margin:0 40px 0 0;float:left;}
.view:last-of-type {margin:0;}
.view .mask {width: 230px;height: 230px;position: absolute;overflow:hidden;top:0;left:0;padding:15px 15px;}
.first {width:220px;height:220px;overflow:hidden;position:relative;cursor:default;background:#ccc;padding:0;margin:0;float:left;}
.first .overlay {width:190px;height:190px;position:absolute;overflow:hidden;top:0;left:0;padding:15px 15px;}
.view img, .first img {display: block;position: relative;}
.view h2, .first h2, .joblink h2 {font-family:'open_sansbold',Arial,Helvetica,sans-serif;font-weight:normal;color:#80931a;position:relative;font-size:18px;line-height:24px;padding:0;margin:0;}
.view p, .first p {position: relative;color: #000;margin:0 0 4px 0;padding:0;font-size:16px;line-height:20px;}
#container .view a:link, #container .view a:visited {text-decoration:none;width:130px;height:40px;line-height:40px;padding:0;color:#fff;font-size:40px;background:#96ad21;text-align:center;display:block;font-family:'open_sansbold',Arial,Helvetica,sans-serif;font-weight:normal;color:#fff;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;-ms-transition: all 0.5s linear;transition: all 0.5s linear;margin:0 0 0 -15px;}
#container .first a:link, #container .first a:visited {text-decoration: none;width:110px;height:30px;line-height:30px;padding:0;color:#fff;font-size:30px;background:#96ad21;text-align:center;display:block;font-family:'open_sansbold',Arial,Helvetica,sans-serif;font-weight:normal;color:#fff;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;-ms-transition: all 0.5s linear;transition: all 0.5s linear;margin:0 0 0 -15px;}
#container .view a:focus, #container .view a:hover, #container .view a:active, #container .first a:focus, #container .first a:hover, #container .first a:active {background:#706f6f;}
.view-tenth img, .first-look img {-webkit-transform: scaleY(1);-moz-transform: scaleY(1);-o-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;-ms-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;}
.view-tenth .mask, .first-look .overlay {background:transparent;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;-ms-transition: all 0.5s linear;transition: all 0.5s linear;-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;}
.view-tenth h2, .first-look h2 {background: transparent;margin:0;padding:0;-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);color: #80931a;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;-ms-transition: all 0.5s linear;transition: all 0.5s linear;-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;}
.view-tenth p, .first-look p {color: #000;-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;-ms-transition: all 0.5s linear;transition: all 0.5s linear;}
.view-tenth:hover img, .first-look:hover img, .view-tenth:active img, .first-look:active img{-webkit-transform: scale(5);-moz-transform: scale(5);-o-transform: scale(5);-ms-transform: scale(5);transform: scale(5);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;}
.view-tenth:hover .mask, .first-look:hover .overlay, .view-tenth:active .mask, .first-look:active .overlay {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}
.view-tenth:hover h2, .view-tenth:hover p, .first-look:hover h2, .first-look:hover p, .view-tenth:active h2, .view-tenth:active p, .first-look:active h2, .first-look:active p {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}
.linkbox {width:190px;height:100px;padding:60px 15px;float:left;background:#ccc;}
.linkbox h2 {font-family:'open_sansbold',Arial,Helvetica,sans-serif;font-weight:normal;color:#80931a;font-size:18px;line-height:24px;}
#container .linkbox a:link, #container .linkbox a:visited {text-decoration:none;font-size:18px;line-height:24px;color:#fff;font-family:'open_sansbold',Arial,Helvetica,sans-serif;font-weight:normal;color:#fff;}
#container .linkbox a:focus, #container .linkbox a:hover, #container .linkbox a:active {color:#000;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 1420px) {
.view {margin:0 10px 0 0;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 1120px) {
.widecol, .widecol2 {display:flex;align-items:center;flex-wrap:wrap;}
.view {flex: 0 0 auto;margin:0;}
.first {flex: 0 0 auto;margin:0;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 840px) {
.widecol, .widecol2 {justify-content:center;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 480px) {
.widecol2 {flex-direction:column;justify-content:center;align-items:center;}
}