/* Banners on the home page */
.fourthdeg-top {
    width: 100%; 
	height: auto;
	min-height: 300px;
	position: relative;
}

.fourthdeg-subhdr h2 {
    color: #173f8a; /* dark blue */
	margin-top: 0;
}



.fourthdeg_logo, .fourthdeg-hdr, .fourthdeg-subhdr {
	width: 100%;
	height: auto;
	text-align: center;
}
.fourthdeg-hdr { display: none; }
.fourthdeg_logo img, .fourthdeg-hdr img {
	width: 100%;
	height: auto;
}
.fourthdeg-subhdr h1, .fourthdeg-subhdr h2 { 
    font-size: 1.5em;
	margin: 0;
}


.img_fourthdeg_logo { display: none; }
.img_fourthdeg_hdr2 { display: block; }



@media (min-width:768px){
.fourthdeg_logo, .fourthdeg-hdr, .fourthdeg-subhdr {
	height: auto;
	float: left;
}
.fourthdeg_logo   { width: 110px; }
.fourthdeg-hdr    { width: 540px; display: block; }
.fourthdeg-subhdr { width: 540px; }

.fourthdeg-hdr {
    margin: 20px 0 0 0;
}
.fourthdeg-hdr img, .fourthdeg_logo img {
    width: 100%; height: auto;
}
.fourthdeg-subhdr { 
    text-align: left;
	padding: 0 0 0 18px;
	margin: -5px 0 0 0;
}
.fourthdeg-subhdr h1 { 
    font-size: 2.3em;
	margin: 0;
}
.fourthdeg-subhdr h2 { 
    font-size: 1.8em;
	margin: 0;
}
.img_fourthdeg_logo { display: block; }
.img_fourthdeg_hdr2 { display: none; }
}




@media (min-width:992px){
.fourthdeg-top {
	background: url(../images/bg_4thdeg-top.jpg) no-repeat;
	padding-top: 145px;
	-ms-background-size: 920px auto;
    -o-background-size: 920px auto;
    -moz-background-size: 920px auto;
    -webkit-background-size: 920px auto;
    background-size: 920px auto;
}
.fourthdeg_logo, .fourthdeg-hdr, .fourthdeg-subhdr {
	position: absolute;
	float: none;
}
.fourthdeg-hdr {
    width: 630px; 
	top: 20px; left: 140px;
	margin: 0;
}
.fourthdeg-subhdr {
    width: 810px; 
	top: 55px; left: 160px;
	margin: 0; padding: 0;
}
.fourthdeg-subhdr h1 { 
    font-size: 2.5em;
	margin: 20px 0 0 0;
}
.fourthdeg-subhdr h2 { 
    font-size: 2em;
}
.fourthdeg_logo {
    width: 110px; 
	top: 8px; right: 35px;
}

.hdr-brk { display: none; }

}




@media (min-width:1200px){
.fourthdeg-top {
	background-position: top left;
	padding-top: 170px;
	-ms-background-size: 1170px auto;
    -o-background-size: 1170px auto;
    -moz-background-size: 1170px auto;
    -webkit-background-size: 1170px auto;
    background-size: 1170px auto;
}
.fourthdeg-hdr {
    width: 810px; 
	top: 35px; left: 170px;
}
.fourthdeg-subhdr {
    width: 810px; 
	top: 85px; left: 190px;
}
.fourthdeg_logo {
    width: 135px; 
	top: 8px; right: 20px;
}


}