/* CSS for screen size (max-width:350px)*/

* {
/* With these codes padding and border does not increase it's width and gives intuitive style.*/

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

body {
	
	width: 80%;
	
}

.mainNav {
	
	text-align: center;
	
}

.mainNav li {
	
	float: none;
	display: inline-block;
	border: none;
	
	
}



h1, h2, h3 {
 font-size: 1.5em;
 
}

h1 {
	padding-top: 70px;
	
	
}
.sidebar, .location,  .google-maps iframe, .outside_view {
	
	float: none;
	width: 100%;
		
}

.model, img.fitness {
	
	width: 40%;
	box-shadow: none;
	
}



img.facebook {

 
 	width: 40%;
 
}


img.quotes, img.quotesBottom {
	 
	 width: 15%;
	 margin: 10px;
	 
 }


.google-maps iframe {
       
     
 padding: 5px;
 border-radius: 10px;
 box-shadow: none;
    }
	
.outside_view {
 
 margin-left: 0px;
 margin-bottom: 20px;
 padding: 5px;
 border-radius:10px;
 box-shadow: none;
 
 }
	
#testimonials {
	
 margin-top: -100px;
}


footer {
	
	margin-top: 40px;
}
	
	
div#envelope{

width: 100%;
margin: 0 10% 5px 0;

}



input[type=submit]
{
padding:4px;
font-size:12px;
}
input[type=text]{
padding: 8px;
}
label{
font-size:12px;
}
h2{
font-size:15px;
}
p{
font-size:12px;
}