/* 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: 98%;
float: left;
margin: 0 0 0 1%;}
.contact-img{width: 52%;
float: left;
padding: 0 0 0 1%;}	
.contact-img2{width: 22%;
float: left;
padding: 0 0 0 1%;}
.centertext{ text-align:center;
width:78%;}
.form{ width:50%;
		      height:auto;
		      float:left;
			  margin:1% 1%;
			  padding:1%;
			  border:2px solid #497b24;}
.form-text{ width: 35%;
height: auto;
float: left;
margin: 0% 1%;
padding: 1%;
text-align: left;}

.form-field{ width: 45%;
			height: auto;
			float: left;
			margin: 0% 1%;
			padding: 1%;}
.field-name1{width:93%;
		      float:left;
			  margin-left:0px;
			  margin-bottom:5px;
			  margin-top:0px;
			  }	
.top p{
color:#000000;
}		
.westietop-pics{
width: 100%;
padding: 5px;
}
.circle2 {
    float: left;
    width: 20%;
}
/**********Media Query Start***********/
@media screen and (max-width: 480px) {
.reserve-text{width: 98%;
float: left;
margin: 0 0 0 1%;}

.contact-img{width: 98%;
float: left;
padding: 0 0 0 1%;
text-align:center;}	

.centertext{ text-align:center;
width:98%;}

.form{ width:99%;
		      height:auto;
		      float:left;
			  margin:1% 1%;
			  padding:1%;
			  border:2px solid #497b24;}
.form-text{ width: 55%;
height: auto;
float: left;
margin: 0% .5%;
padding: .5%;
text-align: left;}
.form-field{ width: 65%;
height: auto;
float: left;
margin: 0% 0.5%;
padding: 1%;}
}
@media (min-width: 481px) and (max-width: 800px) {
.reserve-text{width: 98%;
float: left;
margin: 0 0 0 1%;}
.contact-img{width: 98%;
float: left;
padding: 0 0 0 1%;}	
.centertext{ text-align:center;
width:98%;}
.form{ width:99%;
		      height:auto;
		      float:left;
			  margin:1% 1%;
			  padding:1%;
			  border:2px solid #497b24;}
.form-text{ width: 40%;
			height: auto;
			float: left;
			margin: 0% .5%;
			padding: .5%;
			text-align: left;
			font-size: 18px;}
.form-field{ width: 55%;
				height: auto;
				float: left;
				margin: 0% 0.5%;
				padding: 1%;}

}

@media (min-width: 801px) and (max-width: 1024px) {
.reserve-text{width: 98%;
float: left;
margin: 0 0 0 1%;}
.contact-img{width: 98%;
float: left;
padding: 0 0 0 1%;}	
.centertext{ text-align:center;
width:98%;}
.form{ width:70%;
		      height:auto;
		      float:left;
			  margin:1% 1%;
			  padding:1%;
			  border:2px solid #497b24;}
.form-text{ width: 35%;
height: auto;
float: left;
margin: 0% 1%;
padding: 1%;
text-align: left;}

.form-field{ width: 45%;
			height: auto;
			float: left;
			margin: 0% 1%;
			padding: 1%;}

}