/* CSS Document */
img{
	text-align:center;
	max-width:100%;
	height:auto;
	width:auto;
}

.lefttext-black{
	float:left;
	width:100%;
	height:auto;
	color:#111111;
	padding: 2% 0;
}
.pic{ text-align:center;}

.green-link{color:#497b24;
			text-decoration:underline;}
.green-link:link{color:#497b24;
			text-decoration:underline;}			
.green-link:hover{color:#497b24;
			text-decoration:none;}			
.green-link:active{color:#497b24;
			text-decoration:underline;}
.reserve-text{width: 75%;
float: left;
margin: 0 0 0 1%;}
.reserve-img{width: 22%;
float: left;
padding: 0 0 0 1%;}	
.centertext{ text-align:center;
width:78%;}

.westie-text{
	width: 98%;
padding-left: 10px;
padding-bottom:10px;
}
.westie-text p{
	color:#000;
}
.email-text{
	width: 70%;
text-align: center;
margin: 0 auto;
}
.westietop-pics{
width: 100%;
padding: 5px;
}
.circle2 {
    float: left;
    width: 20%;
}
.top p{
color:#000000;
}		
/**********Media Query Start***********/
@media screen and (max-width: 480px) {
.reserve-text{width: 98%;
float: left;
margin: 0 0 0 1%;}
.reserve-img{width: 100%;
text-align:center;
padding: 0 0 0 1%;}	
.centertext{ text-align:center;
width:98%;}

}
@media (min-width: 481px) and (max-width: 800px) {
.reserve-text{width: 98%;
float: left;
margin: 0 0 0 1%;}
.reserve-img{width: 100%;
text-align:center;
padding: 0 0 0 1%;}	
.centertext{ text-align:center;
width:98%;}
}

@media (min-width: 801px) and (max-width: 1024px) {
.reserve-text{width: 75%;
float: left;
margin: 0 0 0 1%;}
.reserve-img{width: 22%;
float: left;
padding: 0 0 0 1%;}	
.centertext{ text-align:center;
width:98%;}
}