@media only screen and (min-width: 993px) and (max-width: 1179px) {
		
	
}
@media (max-width: 992px) {
	.container{
	width:992px;
	padding: 0 30px;
	max-width:100%;
}
	
}
/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.container{
		width:100%;
	}

	
}
@media (max-width: 768px) {
	.container{
		padding: 0 30px;
	}
	.alignleft, .alignright{
		float: none;
		margin: 0 0;
	}
	.text{
		width: 100%;
	}
	h1{
		font-size: 2em;
	}
	h2{
		font-size:1.5em;
	}
	p{
	font-size:1em;
	}
	.phone{
		font-size: 1.8em;
		padding: 20px;
	}
	.text p{
	font-size:1.3em;	
	}
	#main-content img{
		display: block;
		height: auto;
		margin: 30px 0;
		width: 100%;
	}
	
}
@media (max-width: 540px) {
	#header .container{
		padding: 0;
	}
	h1{
		font-size: 1.8em;
	}
	.text p{
		font-size:1.2em;	
	}
		
 
}
@media (max-width: 380px) {

	#header .container{
		padding: 0;
	}
	.phone{
		font-size: 1.5em;
		padding: 20px;
	}
	.text{
		padding-left: 20px;
		padding-right: 20px;
	}
	
}