.mobile-photo {
	display:none
}

@media (max-width:1600px) {
	nav ul li {
		margin-left:30px;
	}
}

@media (max-width:1450px) {
	nav ul li {
		margin-left:17px;
	}
}

@media (max-width:1350px) {
	nav ul {
		text-align:center;
		background:#231f20;
		width:100%;
		height:100%;
		padding:20px 0 0;
		position:fixed;
		top:90px;
		right:0;
		display:none;
	}
	
	nav ul ul {
		width: auto;
		background: none;
		display: block;
		position: relative;
		top: auto;
		left: auto;
		right:auto;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		padding: 0;
		margin: 0;
		z-index: 2;
	}

	nav ul ul a {
		font: 700 25px/25px "Open Sans", sans-serif;
		color: #fff;
		text-transform:uppercase;
		padding:0;
	}

	nav ul ul li,
	nav ul ul li:last-child {
		position:relative;
		margin:0 0 5px 0;	
	}

	nav ul li {
		margin:20px 0;
	}
	
	nav ul li a {
		font:700 25px/25px "Open Sans", sans-serif;
		color:#fff;
	}
		
	nav ul li a.dropdown {
		display:none;
	}

	nav ul li a.button {
		font:900 15px/15px "Open Sans", sans-serif;
		padding:20px 50px 19px;
		margin:25px 0 0;
	}
	
	nav ul li:last-child a.button {
		font-size:18px;
		line-height:18px;
		letter-spacing:0.07em;
		padding:0;
	}
	
	nav ul li:last-child a.button::after {
		content:"";
		background:url("../img/link-arrow-white.svg") 0 0 no-repeat;
		background-size:22px;
		width:22px;
		height:22px;
		margin:0 0 0 10px;
		display:inline-block;
		position:relative;
		top:4px;
		right:0;
	}
	
	nav #mobile_nav {
		display:block;
	}
}


@media (max-width:1400px) {
	
	header#home-header {
		height:380px;
	}

	header#home-header img.truck {
		width:1270px;
		bottom:-60px;
		transform:translateX(-45%);
	}

	header#home-header img.fleet {
		width:850px;
		transform:translateX(-60%);
	}
}

@media (max-width:1300px) {
	#services-content img {
		width:100%;
		float:none;
	}
}


@media (max-width:1250px) {
	
	.container {
		width:100%;
	}

	#team .container {
		display: flex;
		flex-wrap: wrap;
		text-align: center;
		justify-content: center;
	}

	.col4 {
		width:50%;
		padding:0 25px 60px 25px;
	}
	
}


@media (max-width:1200px) {
	
	nav a#fuelfox-logo {
		width:180px;
		top:13px;
	}
	
	
	nav ul li {
		margin:0 0 0 25px;
	}
	
	nav ul li a {
		letter-spacing:0;
	}
	
}


@media (max-width:1050px) {

	
	br {
		display:none;
	}
	
	.cols {
		display:block;
		margin:0 0 40px;
	}
	
	.cols article,
	.cols img {
	    top:0;
	    transform:translateY(0);
	}
	
	.col2 {
		width:100%;
		float:none;
	}

	.col2:nth-child(1) {
		padding:0;
		margin:0 0 40px;
	}
	
	.col2:nth-child(2) {
		padding:0;
	}
	
	.col3 {
		width:100%;
		float:none;
	}

	.col3:nth-child(1),
	.col3:nth-child(2) {
		padding:0;
		margin:0 0 40px;
	}
	
	.col3:nth-child(3) {
		padding:0;
	}
	
	.colcenter {
		width:100%;
	}

	.colscenter {
		padding:0;
	}

	.colscenter .col3 {
		width:100%;
	}
	
	.colscenter .col3:nth-child(2) {
		padding:0;
	}

	.col4 {
		width:50%;
		padding:0 15px 50px 15px;
	}
	
	header#home-header {
		height:45vh;	
	}
	
	#home-intro .col2:nth-child(1) {
		width:100%;
	}

	#home-intro .col2:nth-child(2) {
		width:100%;
	}
	
	#content .col3 a.photo {
		width:55%;
		padding:55% 0 0;
	}
	
	#numbers br {
		display:block;
	}
	
	#numbers h1 {
		font:900 56px/58px "Open Sans", sans-serif;
	}
	
	#numbers h1 span {
		font:900 30px/32px "Open Sans", sans-serif;
		top:-10px;
	}
	
	#numbers .col3:nth-child(2) {
		border-left:0;
		border-right:0;
		border-top:2px solid #d6482f;
		border-bottom:2px solid #d6482f;
		padding-top:30px;
		padding-bottom:30px;
	}
	
	#companies ul li {
		width:24%;
	}
	
	#benmorris {
		text-align:center;
	}
	
	#benmorris .cols article,
	#benmorris .cols img {
	    top:0;
	    transform:translateY(0);
	}
	
	#benmorris .col2 img {
		width:55%;
	}

	#trucks .col3:nth-child(1),
	#trucks .col3:nth-child(2) {
		padding:0;
		margin:0 0 40px;
	}
	
	#trucks .col3:nth-child(3) {
		padding:0;
		margin:0;
	}
	
	#team .col3 {
		width:50%;
	}
	
	header#subpage-header.contact .col2 {
		text-align:center !important;	
	}
	
	footer ul {
		float:none;
	}
	
	footer ul li {
		margin:0 10px;
	}
	
	footer .col2:nth-child(1) {
		width:100%;
		margin:0 0 20px 0;
		text-align:center;
	}

	footer .col2:nth-child(2) {
		width:100%;
		text-align:center;
	}
	
	.offices {
		display:flex;
		flex-direction:column-reverse;
	}
	
	.offices .col2:nth-child(1),
	.offices .col2:nth-child(2) {
		width:100%;
	}
	
	.offices .col2:nth-child(2) {
		margin:0 0 60px;
	}
	
	#savings ul li h2 {
		font:900 56px/58px "Open Sans", sans-serif;
	}
	
	#services-content .col2:nth-child(2) {
		display:none;
	}

	#services-content .mobile-photo {
		width:100%;
		display:block;
		border-radius:0;
	}


	#benefits-videos .col3 {
		height:450px;
		margin:0;
	}
}


@media (max-width:950px) {
	
	h1 {
		font:900 56px/58px "Open Sans", sans-serif;
	}
	
	h2 {
		font:900 46px/48px "Open Sans", sans-serif;
	}

	h3 {
		font:900 26px/28px "Open Sans", sans-serif;
	}

	h4 {
		font:700 20px/20px "Open Sans", sans-serif;
	}
	
	h5 {
		font:900 13px/13px "Open Sans", sans-serif;
	}

	p {
		font:400 14px/24px "Open Sans", sans-serif;
	}
	
	p.large {
		font:600 19px/25px "Open Sans", sans-serif;
	}
	
	p.number {
		width:32px;
		height:32px;
	}
	
	ul li {
		font:400 14px/24px "Open Sans", sans-serif;
	}
	
	ul.large li {
		font:600 19px/29px "Open Sans", sans-serif;
	}
	
	ol li {
		font:400 14px/24px "Open Sans", sans-serif;
	}
	
	.container {
		padding:40px 5%;
	}
	
	
	
	header#home-header {
		height:30vh;	
	}
	
	header#home-header img.fleet {
		display:none;
	}
	
	header#home-header img.truck {
		width:95%;
		bottom:-70px;
		left:50%;
		opacity:1;
		transform:translateX(-50%);
		animation:none;
	}
	
	.contact a {
		font:700 18px/18px "atten-round-new", sans-serif;
		color:#fff;
	}
	
	.contact a img {
		width:20px;
		position:relative;
		top:4px;
	}
	
	#benefitslist {
		padding:40px 5%;
	}
	
}


@media (max-width:800px) {
	
	header#home-header {
		height:20vh;	
	}
	
	#team .col3 {
		width:100%;
	}
	
	#savings ul li {
		width:100%;
	}

}


@media (max-width:750px) {
	
	#floaty-buttons a:nth-child(1) {
		width:-webkit-calc(100% - 20px);
		width:-moz-calc(100% - 20px);
		width:calc(100% - 20px);
		bottom:70px;
	}

	#floaty-buttons a:nth-child(2) {
		width:-webkit-calc(100% - 20px);
		width:-moz-calc(100% - 20px);
		width:calc(100% - 20px);
	}

	#numbers br {
		display:none;
	}
	
	#numbers h1,
	#numbers h1 span {
		font:900 40px/42px "Open Sans", sans-serif;
		top:0;
	}
	
	#savings ul li h2 {
		font:900 40px/42px "Open Sans", sans-serif;
	}
	
	#savings ul li h2 span {
		font-size:24px;
	}

}


@media (max-width:650px) {
	
	header#home-header {
		height:15vh;	
	}
	
	header#home-header img.truck {
		bottom:-80px;
	}
	
	#companies ul li {
		width:40%;
	}
	
	#calculator ul li {
		width:100%;
	}

	#services-content ul li {
    	background-size: 25px auto;
   	}

	#services-content ul li {
		padding:2px 0 2px 35px;
	}

	.col4 {
		width:100%;
		padding:0 15px 50px 15px;
	}
}