body {
	background-color: #fff;
	color: #333;
	font: 1.2em / 1.5 Helvetica, Helvetica, Arial, sans-serif;
	padding: 0;
	margin: 0;
	display: flex;
  min-height: 100vh;
  flex-direction: column;
  
}

a {
	text-decoration: none;
}
.nav {

	font-family:Calibri,Arial;
	font-size:1.3em;
	list-style-type:none;
	display:inline;
	text-align:center;
	background-color:#155213;
	 background: rgb(12,57,11);
background: linear-gradient(0deg, rgba(12,57,11,1) 0%, rgba(34,134,31,1) 100%); 
}

.nav a li {
	/*background-color:#1F1F1F;*/
	word-wrap:break-word;
	text-align:center;
	/*line-height:40px;*/
	padding:.25em .5em;
	margin-right:.5em;
	display:inline-block;
	color:#FFF;
	margin: 0 auto;

}

.nav a li:hover {
	background-color:#FFF;
	border-radius: 7px;
	color:#155213;
	/*line-height:100%;*/
	/*padding:.25em;*/
}

.header {
	width:100%;
	background-color:#fcf7f7;
}

.header_info {
	float:right;
	display:block;
	padding:.5em 1em;
}
.nwtlogo{
	background-color:#fcf7f7;
	padding:.3em;
	margin:.3em 0;
	border-radius:5px;
}
.header_brands {
	max-height:35px;
	margin:auto 1em 1em;
	display:inline-block;
}
.main {
  flex: 1;
  width:100%;
  background-color:black;
  min-height:5em;
  padding-bottom:1em;
}
h1 {
	background-image:url(tread.jpg);
	line-height:131px;
	text-align:center;
	color:white;
	font-weight:bold;
	font-size:2em;
}

h2 {
	font-size:1.4em;
	color:#000;

}
h3 {
	font-size:1em;
	color:#36ad00;
	
}
.cfna {
	width:400px;
	padding:.6em;
	background-color:lightgrey;
	padding:.6em;
	border-radius:10px;

}
.hours {
	width:250px;
	background-color:#155213;
	color:white;
	padding:.6em;
	border-radius:10px;
}

.oilchangebanner {
	width:100%;
	text-align:center;
	font-size:28pt;
	margin-bottom:3em;
}

.oilchangebanner img {
	max-width:13em;
	display:inline-block;
	margin:0 auto;
	
	position:relative;
	top:110px;
	left:100px
}
.oilchangebanner div {
	border-radius:1em;
	max-width:25em;
	background: rgb(0,190,8);
	background: linear-gradient(180deg, rgba(0,190,8,1) 0%, rgba(0,124,5,1) 100%);
	display:inline-block;
	margin:0 auto;
	font-family:Garamond, serif;
	font-weight:500;

	color:000;
	margin:0 auto;
	line-height:0.3em;
	padding:0.3em;
	
}
.services {
	width:100%;
	text-align:center;
}
.services ul {
	display:inline-block;
	background-color:#155213;
	color:#FFF;
	padding:.3em;
	list-style-type:none;
	min-width:30%;
	border-radius:8px;
}
/*.aboutcontainer {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    border: 1px black solid;
    margin: 0 auto;
    width:60%;
}*/

.russpic {
	max-width:100%;
	width:414px;
	display:inline-block;
	vertical-align: top;
}
.about {
	display:inline-block;
	background-color:#155213;
	color:#FFF;
	padding:1em;
	max-width:380px;
	/*height:336px;*/
	list-style-type:square;
	border-radius:8px;
	text-align:left;
	vertical-align: top;
}

.about li {
	margin-bottom:.3em;
	font-size:.9em;
}


.textwrap {
	font-size:1em;
	max-width:50%;
	padding:2em;
	margin:1em;
	color:#e5e5e5;
	text-align:justify;
	/*font-family:Helvetica, Myriad Pro, Arial;*/
	background-color:#d8d8d8;
	/*font-weight:bold;*/
	border-radius:0.7em;
	background: rgb(32,32,32);
background: linear-gradient(0deg, rgba(32,32,32,1) 0%, rgba(52,52,52,1) 100%);

}

.contact_form input, .contact_form textarea, #contact_msg {

	background-color:black;
	border:1px solid white;
	/*font-family:'Open Sans', sans-serif;*/
	font-size:1em;
	padding:.2em;
	margin:.2em;
	color:#FFF;
	border-radius:3px;

}

#contact_submit {
	font-size:1em;

	padding:.3em 0.8em;
	margin:0 auto;
	max-width:30%;
	color:#FFF;
	text-align:center;
	background-color:#155213;
	font-weight:bold;
	border-radius:0.7em;
}

#contact_submit:hover {
	background-color:white;
	color:black;
}

.contact_form input:hover, .contact_form textarea:hover, #contact_msg:hover {

border: 1px solid #155213;
}

a .tel_link {
	font-weight:bold;
	color:black;
	text-decoration:none;
	text-align:center;
	position:relative;
}

.coupon_wrap {
	width:750px;
	margin:0 auto;
}

.coupon {
	width:350px;
	height:300px;
	background-color:white;
	border:3px dashed grey;
	display:inline-block;
	/*padding-bottom:10px;*/
	margin:5px;
	overflow:hidden;
	text-align:center;
}

.coupon img {
	width:auto;
	margin-bottom:-40px;
}

.coupon span {
	display:block;

}

	.c_title {
		font-family:Garamond, serif, cursive;
		font-weight:bold;
		font-style:italic;
		font-size:20pt;
	}

    .c_title_long {
        font-family:Garamond, serif, cursive;
		font-weight:bold;
		font-style:italic;
		font-size:16pt;
    }
	.c_price {
		font-family:Garamond, serif;
		font-weight:bold;
		font-size:26pt;
		color:#176717;
	}

	.c_terms {
		font-family:serif;
		font-weight:100;
		font-size:10pt;
	}
footer {
	background-color:white;
	width:100%;
	min-height:2em;
	text-align:center;
	padding:.3em 0;
}








.tire_roll_div {
	overflow:hidden;
	overflow-x:hidden;
	/*position:relative;*/
}
.tire_roll {
  display: block;
  width: 100px;
  height: 100px;
  /*overflow:hidden;*/
  /*background: red;*/
  border-radius: 50%;
  background-image:url("tireroll.png");
  background-size:100px;
 
  /* Animation to spin and move the sphere */
  -webkit-animation: spin 1500ms linear infinite, moveLeftToRight 10s linear infinite;
  -moz-animation: spin 1500ms linear infinite, moveLeftToRight 10s linear infinite;
  -ms-animation: spin 1500ms linear infinite, moveLeftToRight 10s linear infinite;
  animation: spin 1500ms linear infinite, moveLeftToRight 10s linear infinite;
  
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  position: fixed;
  left: 0;
}
/* Spinning the sphere using key frames */
@-ms-keyframes spin {
  from { -ms-transform: rotate(0deg); }
  to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
  from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); }
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}

/* Move sphere from left to right */
@-moz-keyframes moveLeftToRight {
  0%   { left: -100px; }
  100% { left: 100%; }
}
@-ms-keyframes moveLeftToRight {
  0%   { left: -100px; }
  100% { left: 100%; }
}
@keyframes moveLeftToRight {
  0%   { left: -100px; }
  100% { left: 100%; }
}
@-webkit-keyframes moveLeftToRight {
  0%   { left: -100px; }
  100% { left: 100%; }
}






@media screen and (max-width: 650px) {

	.nav > * {
		margin:0;
		padding:0;
	}
	.nav a li {
		display:block;
		margin-bottom:.5em;
	}
	.nwtlogo{
	background-color:#fcf7f7;
	padding:.3em;
	/*margin:.3em 0;*/
	border-radius:5px;
	max-height:200px;

	max-width:95%;
	}	

	.about,  #instore {
		max-width:100%;
	}
	a .tel_link {

	font-weight:bold;
	color:black;
	background-color:#85f920;
	border-radius:2em;
	text-decoration:none;
	text-align:center;
	position:relative;
	padding:6px;
	bottom:-0.8em;
	font-size:1.1em;
	}

	.textwrap {
	font-size:1em;
	max-width:95%;
	}
	.contact_form input, .contact_form textarea, #contact_msg, {
		border-radius:3px;
	max-width:90%;

	}

.oilchangebanner {
	width:100%;
	text-align:center;
	font-size:24pt;
	margin-bottom:3em;
}

.oilchangebanner img {
	max-width:13em;
	display:inline-block;
	margin:0 auto;
	
	position:relative;
	top:0;
	left:0;
}
.oilchangebanner div {
	border-radius:1em;
	max-width:25em;
	background: rgb(0,190,8);
	background: linear-gradient(180deg, rgba(0,190,8,1) 0%, rgba(0,124,5,1) 100%);
	display:inline-block;
	margin:0 auto;
	font-family:Garamond, serif;
	font-weight:500;

	color:000;
	margin:0 auto;
	line-height:0.6em;
	padding:0.3em;
	
}

	main img {
		max-width:95%;
		display:block;
	}
	.tire_roll {
		display:none;
		width:0;
	}

	.coupon_wrap {
	width:100%;
	margin:0 auto;
	}

	.coupon {
		display:block;
		padding-bottom:10px;
		margin:0 0 5px;
	}

	.coupon img {
		width:auto;
	}

	.coupon span {
		display:block;

	}
}