@import url('https://fonts.googleapis.com/css?family=Montserrat:400,900');
body {font-family: 'Montserrat', sans-serif; margin: 0; padding: 0;}

#indexContain {width: 100%; margin: 0 auto; overflow: hidden;}
#header {background: #672502 url(images/bg-mast.jpg) top no-repeat; width: 100%; height: 100px; text-align: center}
#header img {width: 402px; height: 147px;}

/*ul {margin: 0;}*/
ul.dashed {list-style-type: none;}
/*ul.dashed > li {text-indent: -100px;}*/
ul.dashed > li:before {content: "-"; padding-right:5px;}

#heroImage {background: url(images/pic-main.jpg) center center no-repeat; width: 100%; height: 824px; margin: 0 auto; overflow: hidden;}
#heroText {font-size: 50pt; font-weight: 900; text-transform: uppercase; text-align: center; color: #FFF; padding-top: 300px;}
#heroPhone {text-align: center; margin: 1% auto; font-size: 20pt; font-weight: 900; background-color: #299d4b; width: 250px; height: 30px; border-radius: 10px; padding:15px 0}
#heroPhone a {text-decoration: none; color: #FFF;}

#aboutDiamondDRV {background-color: #FFF; width:1360px; margin:0 auto; display: flex; flex-wrap: wrap; padding:60px 0 100px 0;}
#aboutDiamondDRVheading {text-transform: uppercase; flex: 100%; text-align: center; color: #2a775b;}
#DiamondDRVisanRVPark {flex: 15%; font-size: 16pt; padding:0 50px;}
#newShowers {list-style-type: ‐ flex: 1%; font-size: 16pt;}
#newShowers ul {margin:0;}
#openParkArrangement {flex: 10%; font-size: 16pt;}
#openParkArrangement ul {margin:0;}

#photoGallery {background-color: #af7f31; width: 100%; height: auto; text-align: center; padding:10px 0;}
#photoGalleryImg {padding:0 30px;}
#photoGalleryBorder {border: 2px solid #672501; margin: 30px 45px 25px;}
#photoGallery h2 {text-transform: uppercase; padding: 50px 0 30px; font-weight: 900; font-size: 28pt; color: #FFF;}
.regular {width: 80%; margin: 0 auto; padding-bottom: 63px;}

#diamondDRVAmenities {background-color:#fff; margin:0 auto; font-size:16pt; text-align:center; padding:30px;}
#diamondDRVAmenities h2 {color: #672501; text-transform: uppercase; font-weight: 900; font-size: 25pt;}
#diamondDRVAmenities ul li {text-align: left; margin:0; font-size: 16pt;}
#whyChooseUs {width:500px;}
#localAttractions {width:500px;}
#waterPark {width:500px;}
#johnsonPark {width:500px;}

#contactus {background-image: url(images/bg_contactform.jpg); background-size:cover; padding: 60px 0 70px 0; height: auto; margin: 0 auto; text-align:center; color:#fff; font-size:15pt;}
#contactusRowOne {color: #FFF; margin:0 auto; display: flex; padding-botom: 30px;}
#contactus img {width: 16px; height: 17px; padding:0 5px 0 20px;}
#contactusRowOneText {padding: 10px 20px; margin-left:10px; background-color: #299d4b; color:#FFF; border-radius: 15px;}
#contactusRowOneText a {text-decoration: none; color: #FFF;}

#contactus h2 {text-align: center; font-size: 28pt; padding-bottom: 34px; text-transform: uppercase; color: #FFF;}
#contactus h3 {float: left; text-align: center; color: #FFF;}

#contactus table {padding-top:20px;}
#contactus input.input {width:100%; height:19px; padding:9px 0; background-color: #EBEBEB; border-radius: 10px; font-family: "Montserrat"; font-weight: 400; font-size: 16pt; vertical-align:top;}
#contactus textarea {font-family: "Montserrat"; font-weight: 400; border-radius: 10px; font-size: 16pt; vertical-align:top; width:100%; background-color: #EBEBEB; margin-left:20px;}
#contactus input.btn {background:#622f0b; color:#FFF; font-size:16pt; font-weight:bold; border-radius: 10px; text-transform:uppercase; text-align: center; margin-left:30px; padding:20px 95px; border:none;}
#captcha {margin:25px 0 0 50px;}

footer {width: 100%; background-color: #1F624A; font-size: 15pt; color: #FFF; padding:55px 0; text-align:center;}
footer a {color: #FFF; text-decoration: none;}
footer a:hover {color: #000;}

/*@media screen and (max-width: 1220px) {
		footer {width: 100%; margin: 0 auto;}
		#footerOne {padding: 0; float: none;}
		#footerTwo {padding: 0; float: none;}  }*/

@media screen and (min-width:980px) and (max-width:1219px) {
		#header {background: #672502}  
		#header img {width: 50%; height: auto;} 
		ul.dashed {list-style-type: none; margin:0; padding:0;}
		ul.dashed > li:before {content: "";}
		#aboutDiamondDRV {width: 100%; padding:50px 0;}
		#DiamondDRVisanRVPark {flex: 100%; text-align: center;}
		#newShowers {flex: 100%; text-align:center; padding-top:35px;}
		#openParkArrangement {flex: 100%; text-align:center;}  		
		#phoneResponsive {flex: 100%; margin-bottom: 40px;}
		#locationOneResponsive {flex: 100%; margin-bottom: 40px;}  
		#locationTwoResponsive {flex: 100%;}
		#photoGalleryBorder {border: none;} 
		#thumbnail {width: 100%; height: 279px;}
		.mobileView {display:block;}
		#contactus table {padding-top:20px; width:90%;}
 		#contactus td {width:100% !important; float:left !important; display:block !important;}
		#contactus textarea {margin-left:0;}  
		#contactus input.btn {margin: 0; width:100%;}
		#captchafield {margin: 0 50px;}  
		.regular {width: 100%; margin: 0 auto;}  } 


@media screen and (min-width:600px) and (max-width:979px) {
		#header {background: #672502}  
		#header img {width: 60%; height: auto;} 
		ul.dashed {list-style-type: none; margin:0; padding:0;}
		ul.dashed > li:before {content: "";}
		#aboutDiamondDRV {width: 100%; padding:50px 0;}
		#DiamondDRVisanRVPark {flex: 100%; text-align: center;}
		#newShowers {flex: 100%; text-align:center; padding-top:35px;}
		#openParkArrangement {flex: 100%; text-align:center;}  
		#aboutDiamondDRVheading {padding-right: 0;}
		#openParkArrangement {padding: 0;}  
		#contactusRowOne {flex-wrap: wrap; padding-left: 0;} 
		#phoneResponsive {flex: 100%; margin-bottom: 40px;}
		#locationOneResponsive {flex: 100%; margin-bottom: 40px;}  
		#locationTwoResponsive {flex: 100%;}
		.mobileView {display:block;}
		#photoGalleryBorder {border: none}  
		#contactus table {padding-top:20px; width:90%;}
		#contactus td {width:100% !important; float:left !important; display:block !important;} 
		#contactus textarea {margin-left:0;}  
		#contactus input.btn {margin: 0; width:100%;}
		#diamondDRVAmenities {padding: 0;}
		#whyChooseUs {width: 30%;}  
		#localAttractions  {width: 65%;}  
		#thumbnail {width: 100%; height: 279px;}  
		.regular {width: 100%; margin: 0 auto;}  }

@media screen and (max-width:599px) {
		#header {background: #672502}
		#heroText {font-size: 40px;}  
		#header img {width: 100%; height: auto;}
		ul.dashed {list-style-type: none; margin:0; padding:0;}
		ul.dashed > li:before {content: "";}
		#aboutDiamondDRV {width: 100%; padding:50px 0;}
		#DiamondDRVisanRVPark {flex: 100%; text-align: center;}
		#newShowers {flex: 100%; text-align:center; padding-top:35px;}
		#openParkArrangement {flex: 100%; text-align:center;}   
		#diamondDRVAmenities {margin: 0 10px;}
		#whyChooseUs {margin: 0; float: none; width: 100%;}
		#localAttractions {float: none; width: 100%;}
		#waterPark {float: none; width: 100%}
		#johnsonPark {float: none; width: 100%}
		.mobileView {display:block;}
		#contactusRowOne {flex-wrap: wrap;  padding-left: 0;} 
		#contactusRowOne img {padding: 0 1px 0 0}
		#phoneResponsive {flex: 100%; margin-bottom: 40px;}
		#locationOneResponsive {flex: 100%; margin-bottom: 40px;}  
		#locationTwoResponsive { flex: 100%;}
		#photoGalleryBorder {border: none}  
		#thumbnail {width: 100%; height: 279px;} 
		#contactusRowOneHeading {font-size: 10.5pt;} 
		#contactus table {padding-top:20px; width:90%;}
		#contactus td {width:100% !important; float:left !important; display:block !important;}  
		#contactus textarea {margin-left:0;}  
		#contactus input.btn {margin: 0; width:100%;}
		.regular {width: 100%; margin: 0 auto;}
		
		}