header {height: 170px;}
a.homelink img {width: 330px; height: auto;}
a.homelink{top: 7px;}
.toplinks {text-align: right;  position: absolute; top: 42px; right: 0px; color: #043b63;font-size: 22px;  }
.buttons { position: absolute; top: 90px; right: 0px; }


@media only screen and (max-width: 1020px) {

	header{height: 270px; padding: 0; margin-bottom: 20px;}
	header .liner {height: 270px;}

	a.homelink { top: 50px; left: 15px;}
	a.homelink img {width: 300px; height: auto;}
	
	.toplinks a:hover .RLwords, .toplinks a:focus .RLwords{display:none;}
	.toplinks {top: 40px; text-align: center; position: absolute; top: 0; right: 0; background-color: #004A98; font-size: 22px; color: white; width: 100%; padding: 5px 20px; height: 38px; overflow: hidden; }
	.buttons {top: auto; bottom: 0; right: 0; width: 100%; background-color: #f8b531; text-align: center; padding: 10px}

}
@media only screen and (max-width: 800px) {

		header, header .liner {height: 390px;}

}
@media only screen and (max-width: 600px) {
	header, header .liner {height: 370px; padding: 0; margin-bottom: 0px;}
}

@media only screen and (max-width: 576px) {
	header, header .liner {height: 340px; padding: 0; margin-bottom: 0px;}
}

@media only screen and (max-width: 500px) {
	.buttons {padding: 0; bottom: 0; height: 50px; background-color: #f8b531; text-align: center; padding: 0px}
	header, header .liner {height: 250px; padding: 0; margin-bottom: 0px;}
}

@media only screen and (max-width: 400px) {
		.menutoggler { top: 46px !important; }

}