body {
  background-color: #fff;
  background-image:url('img/oldgarage3.png');
  background-size: 50%;
  background-position: 0px 110%;
  background-repeat: repeat-x;
}
body::-webkit-scrollbar { 
	display: none; 
}

/*Float all columns*/
[class*='col-'] {
	float: left;
	padding:0 2rem 1.5rem 2rem;
}

#header {
	background-color:#fdfdfd;
	margin:0 auto -4px auto;
	background-image:url('img/startile.png');
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 1.6rem;
}
#header em {
	float: right;
	font-size: 110%;
	font-family: Montserrat;
	font-weight: bold;
	text-align: right;
	padding-top: 0.7rem;
	position: absolute;
	top: 2rem;
	right:34%;
	color:#0554A3;
}
#header img {width:100%;}

/*Style text*/
p > span {
	font-weight:bold;
	color: red;
}

ul {
	list-style: none;
	width:100%;
	padding-left:1%;
margin: 1rem 0;}
.tabs {background-color:#0554A3;margin-top: -1rem;}
.tabs li{
	display:inline-block;
	width:49%;
	text-align: center;
	background-color:#D8EDFA;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-right: 2px solid black;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	
	position:relative;

}
h1 {
	font-size: 2rem;
	margin:0;
}	
a {
	text-decoration: none;
color: black;
font-family: Montserrat;
}	
li.current {
	background-color:#D8EDFA;
	border-bottom:2px solid #D8EDFA;
}
li.next{
	 background-color:#56A8DA;
	 border-bottom:2px solid #0554A3;
}
li.next:hover{
	 background-color:#61C2F2;
}
.tint span, 
.tow span {
	padding: 0 10%;
}

/*Size Columns*/
.col-2-3 {
	width: 66.66%;
}
.col-1-3 {
	width: 32%;
}
.col-3-3 {
	width: 100%
}
.col-1-2 {
	width:50%;
}
/*End Size Columns*/

.col-1-3 img {
	width: 100%;
}

.map {
	margin-top: 1rem;
	margin-bottom: 8rem;
	background-color: #D8EDFA;
	border: 25px solid #D8EDFA;
	width: 50%;
	height: 400px;
	padding:0;

}
.map a {display:none;}

/*Clearfix*/
.grid:after {
  content: "";
  display: table;
  clear: both;
}

/*Gutters*/
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*[class*='col-'] {padding-right: 1.0em;}*/
[class*='col-']:last-of-type {padding-right: 1rem;}

.wrap {
	width:60%;
	margin: 0 auto;
	background-color:#D8EDFA;
	height: 100%;
	border: 5px solid #0554A3;
	border-top: none;
	display: table;

	/*Box Shadow*/
	-moz-box-shadow:    0 0 2px 3px #0554A3;
  -webkit-box-shadow: 0 0 2px 3px #0554A3;
  box-shadow:         0 0 2px 3px #0554A3;
}

em {
	float: left;
	font-size: 200%;
	font-family: Montserrat;
}

p {
	float: left;
	font-family: Montserrat;
	font-size: 120%;
}

.content {
	padding-bottom: 0;
	padding-top: 1em;
}

.services {
	width:36%;
}

.footer p {
	float: none;
	text-align: center;
	font-size: 70%;
	margin-bottom: 0;
}

.footer img {margin-bottom: -.4rem;}

.smallest {display:none;}

q {
  quotes: "“" "”" "‘" "’";
  font-family: Montserrat;
  font-size: 115%;
  float: left;
}
q:before {
    content: open-quote;
}
q:after {
    content: close-quote;
}

.cusaying {margin:.5rem 0 1rem 2rem;}
.testimonials p {float:right;margin:.5rem 5rem;font-size: 100%;}
.qmodulea {
	float:right; 
	width:90%;
	border-radius:1rem; 
	padding: 1rem; 
	background-color: #73B2E5;
}
.qmoduleb {
	float:left; 
	margin:1rem;
	width:90%;
	border-radius:1rem; 
	padding: 1rem; 
	background-color: #ED8A8A;
}

/*non-wide screen, 1500px and below */
@media only screen and (max-width: 1500px) {.wrap {width:80%;}}


/*move header text, 1300px and below */
@media only screen and (max-width: 1300px) {
	#header em {top: 1em; right:28%;}
	.tint span {padding: 0 15%;}
}


/*move map, 1100px and below */
@media only screen and (max-width: 1100px) { 
	.map {width: 100%; text-align: center;}
	.content {width: 90%; text-align: center;}
	.content em {float:none;}
	.content p {padding-left: 2em;float:none;}
}


/*normal screen, 1000px and below */
@media only screen and (max-width: 1000px) { 
	.wrap {width:95%;}
	#header em {top: 0.5em; right:24%;}
	body {background-image:none;}
	.tint span {padding: 0 10%;}
	.tow span {padding: 0 10%;}
}


/*move header text, 800px and below */
@media only screen and (max-width: 800px) { 
	#header em {top: 1em; right:22%;font-size: 90%;}
	.col-1-3  {width: 49%;}
	
}


/*move header text, 600px and below */
@media all and (max-width: 600px) { 
  #header {padding-bottom:5em;}
	#header {margin-bottom: 3em;}
	#header em { position: relative; font-size: 110%; top:0em;text-align: center;padding-top: 0.1em;}
	.col-1-3  {width: 90%;}
	.tow img{width: 50%;}
	.tint img{width: 50%;}
	.tint {text-align: center;}
	.tow {text-align: center;}
	.services {padding:0 15%;}
	.services img {width: 90%;text-align: center;}
	.tabs {margin-top: -3rem;}
}


/*mobile swap image, 550px and below */
@media only screen and (max-width: 550px) {
	#header img {content:url("img/garagemobile.png");}
}

/*mobile screen, 480px and below */
@media only screen and (max-width: 480px) { 
	.wrap {width:100%;}
	.map {height:80px;}
	.map iframe {display:none;}
	.map a {display:block; text-align: center;font-size: 200%;font-family: Montserrat;}
	.services {width:95%;}
	h1 {font-size: 1.5rem}
	li.info {width: 29%;}
	li.testimonials {width: 68%;}
	.qmodulea, .qmoduleb {width:100%;}
	.testimonials h1 {margin-left: .5rem;}
	.col-3-3 {padding-left: .5rem;}
}

/*mobile screen, 350px and below */
@media only screen and (max-width: 350px) {
	#header em {right: 10%;}
	
	.qmodulea, .qmoduleb {margin:.1rem;}
	.smallest {position:relative; display:inline; text-align: center;}
	.smallest p,
	.smallest a {
		float:none;
		font-size: 175%;
		display: block;
		-webkit-margin-before: .3em;
		-webkit-margin-after: .3em;}
	.content em {display:none;}
	.col-3-3 {padding-right: .1rem;}
	.wrap{border:0 solid blue;}
	}
/*mobile screen, 480px change nav menu */
@media only screen and (max-width:481px) {
  .info.current h1:after{content:'';}
}
@media only screen and (min-width:481px) {
  .info.current h1:after{content:'rmation';}
}
/*End mobile screen, 480px change nav menu */

/*mobile screen, 360px and below 
@media only screen and (max-width: 360px) {
	-If determined to be needed...
}
*/