@charset "UTF-8";
/* CSS Document */

* {
	box-sizing: border-box;
}

body {
	background: linear-gradient(90deg, #004ECC 10%, #0C449E);
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Verdana", "sans-serif";
}

.wrapper {
	width: 960px;
	margin: 1.5em auto;
	border: 5px solid #4B657F;
	border-top: 25px solid #4B657F;
	background-color: white;
	box-shadow: 5px 5px black;
	overflow: hidden;
}

header {
	background-image: url(pics/new-logo-trans.png);
	background-color: white;
	background-repeat: no-repeat;
	background-size: auto 129%;
	background-position: -4% 46%;
	height: 200px;
	text-align: center;
	position: relative;
	font-family: 'Roboto Slab', serif;
}

.bbb img {
	float: right;
	width: 30%;
	margin-top: -22px;
	margin-right: 10px;
}

nav {
	position: absolute;
	top: 80px;
	right: 35px;
	font-size: 118%;
}

nav ul {
	list-style-type: none;
	text-align: center;
}

nav li {
	display: inline;
	margin-right: -0.22em;
	line-height: 2em;
	font-size: 115%;
}

nav li a {
	color: black;
	text-decoration: none;
	padding: .5em 0.6em;

}

nav li a:hover {
	text-decoration: underline;
}

.active {
	text-decoration: underline;
}

header h1 {
	font-size: 250%;
	color: white;
	padding: 10px 0px 10px 20px;
}

header h2 {
	font-size: 180%;
	color: white;
	padding: 0px 0px 15px 20px;
}

main {
	padding: 1% 2% 2% 2%;
	font-size: 110%;
	line-height: 120%;
}

.aboutbrands li {
	margin-left: 3em;
}

.bullets {
	list-style: none;
}

.specials {
	width: 100%;
}

.specialtext {
	font-size: 140%;
	text-align: center;
}

main h2 {
	padding: 0px 0px 10px 0px;
	font-size: 150%;
}

.services img {
	width: 100%;
}

.trailers img {
	width: 100%;
	margin-bottom: 10px;
}

.trailers p {
	font-size: 100%;
	line-height: 125%;
	margin-bottom: 5px;
	text-align: left;
}

.trailer-bio p {
	text-align: center;
	font-size: 105%;
	line-height: 130%;
	margin: 10px 20px 27px 20px;
}

.serv h2 {
	padding: 10px 0px 12px 0px;
	font-size: 150%;
}


.trailers section {
	width: 49%;
}

.pcolumns section {
	width: 49%;
	margin-bottom: 25px;
}

.parts section ul {
	margin-left: 5em;
}

.parts p {
	text-align: center;
	font-size: 135%;
	line-height: 125%;
	margin: 12px 25px 20px 25px;
}

.brands {
	margin-left: 10em;
	margin-bottom: 2em;
}

.brands img {
	width: 25%;
}


.reviews p {
	text-align: center;
	font-size: 105%;
	line-height: 125%;
}

.revtext p {
	font-size: 90%;
	text-align: left;
}

.revindent {
	padding-left: 3em;
}

.right {
	float: right;
}

.left {
	float: left;
}


.drawer a {
	text-decoration: none;
	color: black;
}

.contact iframe {
	width: 100%;
	margin-bottom: 10px;
}


.inner ul {
	margin-left: 0px;
	margin-bottom: 15px;
	list-style-type: none;
}

.inner ul li {
	text-decoration: none;
}

.services p {
	font-size: 90%;
}

.services ul {
	font-size: 90%;
}

.contact h2 {
	font-size: 130%;
}

.contact p {
	font-size: 95%;
}



footer {
	background-color: #4B657F;
	height: 120px;
	color: white;
	padding: 20px 0px 20px 20px;
	clear: both;
}



/* Media Queires
---------------------------------------*/


/* TABLET
---------------------------------------*/
@media only screen and (max-width: 768px) {
	.wrapper {
		width: 100%;
	}
}