@media only screen and (max-width: 1020px) {
	section {width: 96%;}
	aside.home {width: 100%; top: 0; margin: 20px auto; text-align: center; padding: 5px;}
	.headerbar {border-bottom: solid 20px #003768;}
	header { height: 106px; }
	aside {top: 0;margin-top: 20px; width: 33%}
	article {margin-top: 20px; border-top: solid 15px #F0F0F0;}
	.flip {width: 65%}
	.tagline { top: 75px; right: auto; left: 50px; }
	a.homelink {top: 5px;}

}

@media only screen and (max-width: 900px) {
	.toplinks {top: 35px; right:0}
	.homebox {width: 46%; height: auto; margin: 0 2%;}
	.greybar .homebox:nth-child(3) {display: none;}
	.shadowbox {height: auto;padding: 15px;}
	.greybar .homebox:first-child {width: 96%;display: block;float: none; margin: 0 auto 15px auto; padding: 15px;}
	.alertbar { width: 100%; margin: 0 auto;  -webkit-box-shadow: 0px 0px 0px 0 rgba(0,0,0,0); box-shadow: 0px 0px 0px 0 rgba(0,0,0,0); }
}

@media only screen and (max-width: 800px) {
	.taft_label-wrapper {width: 33%;}
	.taft_formElement-wrapper {width: 66%;}
	.text{ width: 66%;}
}

@media only screen and (max-width: 700px) {
	.col4 {width: 48%; margin: 0 1% 10px 1%; }
	.headerbar {border-bottom: solid 40px #003768;}
	.toplinks {color: white; top: 117px; right:0}
	.toplinks a, .toplinks a:visited { color: white;}
	.flip, aside {width: 96%; margin: 0 auto; float: none;}
	section {width: 100%;}
}

@media only screen and (max-width: 600px) {
	.col4, .col3, .col2 {width: 96%; margin: 0 2% 10px 2%; }
	.homebox {width: 96%;display: block;float: none; margin: 0 auto 15px auto; }
	.greybar { padding: 15px 0 1px 0; }
	.images {float: none; margin: 0 auto; text-align: center}
	.images img {margin: 0 5px;}
	.text{float: none; padding: 10px 2%; width: 100%; text-align: center;}
	.headerbar, .footerbar {border: none;}
	.toplinks, .bottomlinks {background-color: #003768; text-align: center; padding: 10px 2%; width: 100%;}
	header, footer {width: 100%;}
	footer {padding-top: 0;}
	.bottomlinks {top: 0; margin-bottom: 10px;}
	.toplinks {top: auto; bottom: 0;}
	header {height: 140px;}
	.bannerbox {display: none;}

}

@media only screen and (max-width: 500px) {
	.taft_label-wrapper, .taft_formElement-wrapper {width: 100%; min-height: auto;}
	.taft_formElement-wrapper {margin-bottom: 10px;}
	.mobi {display: block;}
	.full {display: none;}
	.sideslider table {width: 510px; }
	.sideslider { overflow: scroll;overflow-y: hidden; -ms-overflow-y: hidden;}
	.flip {width: 100%; background: none;}
	article {border-left: none; border-right: none;}
}
@media only screen and (max-width: 430px) {

	a.homelink{width:66%;}
}

@media only screen and (max-width: 400px) {
	.regions_rates_table_row1, .regions_rates_table_row2, .regions_rates_table_effectivedate, .regions_rates_table_fields, .ncua, .ehl, .bottomlinks, .toplinks { font-size: 14px;}
	div#KJECalculatorScreenSize {position: relative; left: -15px;}
	FORM.webform textarea {width:164px; padding: 0;  margin: 0;}
	FORM.webform input, form table#cms_switchkit_table input{max-width: 100px; }
	FORM.webform TR TD {width: 100px; }
	header {height: 160px;}
	.tagline { top: 95px; width: 100%; left: 0; text-align: center; }

}