@charset "utf-8";
/* CSS Document */

.imgbox {
	width: 90%;
	text-align: left;
	margin: auto;
	overflow: hidden;
}
.imgbox .croptop {
	width: 45%;
	margin-top: 1em;
	margin-bottom: 2.5em;
}
.imgbox div {
	width: 45%;
	margin-top: 1em;
	margin-bottom: 1em;
}
.imgbox-left .croptop, .imgbox-left div {
	float: left;
	margin-right: 2.5%;
}
.imgbox-right .croptop, .imgbox-right div {
	float: right;
	margin-left: 2.5%;
}
.ml-shift-25 img {
	margin-left: 25%;
}
.onecol {
	margin: 2.5em auto !important;
}
@media screen and (min-width:1200px){
    #contactbox3 {
	margin: 80px 12.8% auto auto;
	}
}
@media screen and (min-width:980px) and (max-width:1199px) {
	#contactbox3 {    
	margin: 50px 12.8% auto auto;
	}
}
@media screen and (min-width:980px){
	#contactbox3 {
    height: auto;
	min-height: 160px;
    padding: 15px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 24%; 
}
.contactbox3-item:nth-child(even)  {
	line-height: 1em;
	height: 1em;
	overflow: visible
}
.contactbox3-item:nth-child(odd)  {
	line-height: 2em;
	height: 1em;
	overflow: visible
}
}
@media screen and (max-width:768px) {
.imgbox {
	width: 90%;
	margin: auto
}
.imgbox .croptop {
	width: 100%;
	height: 100px;
	text-align: center;
	overflow: hidden;
}
.imgbox .croptop img {
	margin-top: -15%
}
.imgbox div {
	width: 90%;
	margin: auto
}
.imgbox-left .croptop, .imgbox-left div, .imgbox-right .croptop, .imgbox-right div {
	float: none;
	margin: 1em auto;
}
.ml-shift-25 img {
	margin-left: initial;
}
}