/*  Small screens */
@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) { 
	.contentinner{width: 96%;}
	#logo{display: block; margin: 0 auto;}
	.left {float: none !important;}
	.header-right, .widget-container, .address, .uhaul, .headercontact{text-align: center !important;}
	.cta li{width: 80%; margin: 1% auto; float: none;}
	.cta li img{width: 100%;}
	.badge{
		position: relative;
		left: 0;
		bottom: 0;
		display: block;
		margin: 20px auto;
	}
	.site-main{border: none;}
	.header-logo-phone{
		-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
	 	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
	}
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/*  Medium screens */
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
	.contentinner{width: 96%;}
	.widget-container .widget{height: 200px !important;}
	.header-right, .widget-container, .address, .uhaul{text-align: center !important;}
	#logo{display: block; margin: 0 auto; float:none !important;}
	.site-main{border: none;}
	.header-logo-phone{
		-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
	 	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
	}
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* Large screens */
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
	.uhaul h3 {font-size: 16px;}
	.pageinner{width:90%; max-width: 1400px;}
	.contentinner{width: 96%; max-width: 1360px;}
	#header-menu{width: 815px; margin: 0 auto;}
	.cta li h2 {font-size: 16px;}
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/*  XLarge screens */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { 
	.pageinner{width: 1400px;}
	.contentinner{width: 1360px;}
	#header-menu{width: 815px; margin: 0 auto;}
} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/*  XXLarge screens */
@media only screen and (min-width: 120.063em) { 
	.pageinner{width: 1400px;}
	.contentinner{width: 1360px;}
	#header-menu{width: 815px; margin: 0 auto;}
} /* min-width 1921px, xxlarge screens */