﻿@media (max-width: 1199px) {
	.infobox h2 { font-size: 2.5em; }
}

@media (max-width: 991px){
	#ShellLogo { width: 50px; margin-right: 10px; }
	#RTTCLogo { width: 200px; }
	#MenuBar { top: 50px; }
	.accountnav ul { margin-top: 20px; }

	.contentSection { font-size: 0.6875em; }
	.infobox h2 { font-size: 1.75em; }
	.infobox img { width: 40px; margin-top: -32px; left: 10px; }
	.infofact { font-size: 1em; }
	article h4 { margin: 0; }
	article { font-size: 0.9090em; }

	.btn { padding: 4px 15px; font-size: 1.1em; }
	.carouselNav { top: 16px; }
	.carouselNav li a { padding: 17px 15px; }
}

@media (max-width: 767px) {
	.hideOnMobile { display: none; }
	.MobileOnly { display: block; }
	.col-xs-12 { padding: 0; }
	.contentSection { font-size: 1em; }
	.mobileTopMargin12 { margin-top: 12px; }

	.ShellLogo { border-left: 10px solid #ffd200; }
	.accountnav { position: absolute; top: 0; right: 0; }
	.accountnav ul { margin-right: 15px; }
	.accountnav ul li { margin-right: 0; }
	.accountnav ul li img { padding-right: 4px; }
	.accountnav ul li a { padding-right: 0; }
	.accountnav ul li ul { left: -50px; }

	.EnterSalesContainer { text-align: center; }
	.EnterSales { float: none; display: block; width: 200px; padding: 5px 10px 5px; margin: 2px auto; }

	.pageAlert div { text-align: center; }
	.pageAlert div.buttonBar { position: relative; text-align: center; margin-top: 10px; }

	.infoboxes div.col-xs-12 { margin: 5px 0; padding: 0; }
	.infobox { font-size: 1.25em; }
	.infobox img { width: 60px; margin-top: -52px; }

	#Footer { font-size: 0.55em; }
	#Footer ul li { padding: 0 3px; }
    
    .message { width: 100%; margin-left: 0px; }
}

@media (max-width: 419px) {
	.hideOnMapMobile { display: none; }
	.contentSection { font-size: 0.6875em; }
	#RTTCLogo { width: 150px; }

	.infobox h2 { font-size: 1.25em; }
	.infobox img { width: 30px; margin-top: -32px; left: 10px; }
	.infofact { font-size: 0.75em; }

}
