@charset "utf-8";
/* Cetacean Research Technology - v3 - 4 column pages */
/* uses layout2 section - for home page */
/* depends in part on some of the fancy percentage regions already defined for the 3 and 2 column areas */
/* plus adds the four column section */

/* @group a-structure - divided into rows */

.homeRow1 {
	background-color: #abb2b2;
	background: url(banner-bkg.jpg); 
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 20px 20px;
}
/* main section is 4 columns */
.homeRow2 {
	background-color: #b5bebf;
	background-image: url(fourColBkg-for-home.gif);
	background-repeat: repeat-y;
	background-size: 100%;
}
.wrapContainerLeft25 {
	float: left;
	display: inline-block;
	width: 25%;
	margin: 0;
	padding: 0;
}
.wrapContainerLeft25:first-child {
}
.wrapContainerLeft25:nth-child(2) {
}
.wrapContainerLeft25:nth-child(3) {
}
.wrapContainerLeft25:nth-child(4) {
}
/* one row is a 3 col section using styles already defined on main sheet 
	that need a little adjusting  */
.homeRow3 {
	background-color: #3a708f;
	color: #fff;
}
.homeRow3 div {
	padding-top: 20px;
}
/* change padding on first */
.wrapContainerLeft33:nth-child(1) {
	padding-left: 1%;
	padding-top: 20px;
}
.wrapContainerLeft33:nth-child(2) {
	background-color: #fff;
	color: #000;
	text-align: left;
	padding-bottom: 10px;
}
.wrapContainerLeft33:nth-child(3) div {
	margin: 10px;
	border: 2px solid #91afb9;
	padding: 3px 10px;
}
/*  last row is a 2 50-50 columns using styles already defined */
.homeRow4 {
	background-color: #214051;
	color: #fff;
}
.homeRow4 div {
	padding: 16px 1%;
}
.wrapContainerLeft50tight:nth-child(1) {
	background-color: #00448d;
	margin: 0;
}
.wrapContainerLeft50tight:nth-child(2) {
	margin: 0;
}
/* for out of office notices */
.homeRowOOO1 {
	padding: 20px;
	font-size: 1.1em;
	font-weight: 900;
	padding-left: 30px;
	padding-right: 30px;
}

/* @end */



@media only screen and (min-width: 0px) and (max-width: 1300px) {
.wrapContainerLeft25 {
	width: 33%;
	float: none;
}
.homeRow2 {
	background-image: url(threeColBkg-for-home.gif);
}
.wrapContainerLeft25:nth-child(4) {
	background-color: #b5bebf;
	display: block;
	float: none;
	width: 100%;
}
}

@media only screen and (min-width: 0px) and (max-width: 1150px) {
.wrapContainerLeft25 {
	width: 50%;
	float: left;
}
.homeRow2 {
	background-image: url(twoColBkg-for-home.gif);
}
.wrapContainerLeft25:nth-child(4) {
	background-color: transparent;
	display: inline-block;
	float: left;
	width: 50%;
}	
}
/* main resp sheet also makes changes at this width */
@media only screen and (min-width: 0px) and (max-width: 1020px) {
.wrapContainerLeft33:nth-child(1) {
}
.wrapContainerLeft33:nth-child(3)::before {
	content: "";
	display: block;
	clear: both;
}
.wrapContainerLeft33:nth-child(3) {
	padding-top: 250px !important;
}
}

@media only screen and (min-width: 0px) and (max-width: 650px) {
.wrapContainerLeft25, .wrapContainerLeft25:nth-child(4) {
	width: 100%;
	float: none;
}
.homeRow2 {
	background-image: none;
}
.wrapContainerLeft25:first-child {
	background-color: #cfd6d7;
}
.wrapContainerLeft25:nth-child(2) {
	background-color: #e1e1e1;
}
.wrapContainerLeft25:nth-child(3) {
	background-color: #f5f5f5;
}
.wrapContainerLeft25:nth-child(4) {
}
.wrapContainerLeft33:nth-child(3) {
	padding-top: 0px !important;
}

}