header nav a:nth-of-type(3) span
{
	background-color: #525252;
	
	-moz-transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px);
}

#doc ul li
{
	display: block;
	background-image: url("../img/dot.svg");
	background-repeat: no-repeat;
	background-size: 30px;
	background-position: left 0.25em;
	padding-left: 60px;
	padding-bottom: 0.7em;
}




#doc
{
	float: left;
	width: 100%;
	padding-bottom: 2em;
	margin-bottom: .8em;
	background-color: #ff9900;
	color: white;
	
	background-image: url("../img/tow-outline.svg");
	background-repeat: no-repeat;
	background-position: 110% 70%;
	background-size: auto 800px;
}

#doc > div,
#faq > div
{
	max-width: 1650px;
	margin-left: auto;
	margin-right: auto;
	padding: 40px 0px;
}

#doc h2,
#faq h2
{
	font-weight: normal;
	font-family: osb, Arial, Helvetica, sans-serif;
	margin-bottom: 40px;
	/*font-size: 26px;*/
}







#faq
{
	float: left;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}

#faq h3
{
	font-weight: normal;
	font-family: osb, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	/*font-size: 20px;*/
}

#faq p
{
	font-size: 18px;
	line-height: 1.5em;
	margin-bottom: 2.5em;
	color: #525252;
}

#faq div div
{
	float: left;
	width: 47%;
}

#faq div div:nth-of-type(2n)
{
	margin-left: 6%;
}

#faq div div:nth-of-type(2n+1)
{
	clear: left;
}





@media screen and (max-width: 1750px)
{
	#doc > div,
	#faq > div
	{
		max-width: none;
		width: 100%;
		padding-left: 50px;
		padding-right: 50px;
	}
}

@media screen and (max-width: 1600px)
{
	#doc {
		background-position: 110% 50%;
		background-size: auto 600px;
	}
}


@media screen and (max-width: 1000px)
{
	#doc
	{
		background-size: auto 400px;
	}
}




@media screen and (max-width: 960px)
{
	#doc h2,
	#faq h2
	{
		font-size: 21px;
	}
	
	#faq h3
	{
		font-size: 18px;
	}
}


@media screen and (max-width: 875px)
{
	#faq div div
	{
		float: left;
		width: 100%
	}

	#faq div div:nth-of-type(2n)
	{
		margin-left: 0px;
	}
}




@media screen and (max-width: 720px)
{
	#doc > div,
	#faq > div
	{
		padding-left: 25px;
		padding-right: 25px;
	}	
	
	#doc h2,
	#faq h2
	{
		font-size: 18px;
		margin-bottom: 30px;
	}
	
	#faq h3
	{
		font-size: 16px;
	}
	
	#faq p
	{
		font-size: 16px;
	}

	
	#faq
	{
		padding-bottom: 0px;
	}
}






@media screen and (max-width: 480px)
{
	#doc
	{
		background-image: none;
		padding-bottom: 0px;
	}
}
header nav a:nth-of-type(3) span
{
	background-color: #525252;
	
	-moz-transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px);
}





#doc
{
	float: left;
	width: 100%;
	padding-bottom: 40px;
	background-color: #ff9900;
	color: white;
	
	background-image: url("../img/tow-outline.svg");
	background-repeat: no-repeat;
	background-position: 110% 70%;
	background-size: auto 800px;
}

#doc > div,
#faq > div
{
	max-width: 1650px;
	margin-left: auto;
	margin-right: auto;
	padding: 40px 0px;
}

#doc h2,
#faq h2
{
	font-weight: normal;
	font-family: osb, Arial, Helvetica, sans-serif;
	margin-bottom: 40px;
	font-size: 26px;
}







#faq
{
	float: left;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}

#faq h3
{
	font-weight: normal;
	font-family: osb, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	font-size: 20px;
}

#faq p
{
	font-size: 18px;
	line-height: 1.5em;
	margin-bottom: 2.5em;
	color: #525252;
}

#faq div div
{
	float: left;
	width: 47%;
}

#faq div div:nth-of-type(2n)
{
	margin-left: 6%;
}

#faq div div:nth-of-type(2n+1)
{
	clear: left;
}




@media screen and (max-width: 1750px)
{
	#doc > div,
	#faq > div
	{
		max-width: none;
		width: 100%;
		padding-left: 50px;
		padding-right: 50px;
	}

}

@media screen and (max-width: 1100px)
{
	#doc
	{
		background-size: auto 600px;
	}

}




@media screen and (max-width: 960px)
{
	#doc h2,
	#faq h2
	{
		font-size: 21px;
	}
	
	#faq h3
	{
		font-size: 18px;
	}
}


@media screen and (max-width: 875px)
{
	#faq div div
	{
		float: left;
		width: 100%
	}

	#faq div div:nth-of-type(2n)
	{
		margin-left: 0px;
	}
}


@media screen and (max-width: 830px)
{
	#doc
	{
		background-size: auto 550px;
	}
}





@media screen and (max-width: 720px)
{
	#doc > div,
	#faq > div
	{
		padding-left: 25px;
		padding-right: 25px;
	}	
	
	#doc h2,
	#faq h2
	{
		font-size: 18px;
		margin-bottom: 30px;
	}
	
	#faq h3
	{
		font-size: 16px;
	}
	
	#faq p
	{
		font-size: 16px;
	}
	

	
	#faq
	{
		padding-bottom: 0px;
	}
}






@media screen and (max-width: 480px)
{
	#doc
	{
		background-image: none;
		padding-bottom: 0px;
	}

}