body {
    font-family: "Lato",sans-serif;
    line-height: 1.4;
    min-width:1260px;
    margin: 0;
}
p {
    color: #735f52;
    padding:10px 0;
}

.third img, #location img{
width:100%;
height:auto;
vertical-align:bottom;
max-width:100%;
}

.inside {
    margin: 0 auto;
    overflow: hidden;
    width: 1050px;
}
.tophead {
    background: none repeat scroll 0 0 #697200;
    color: #fff;
    text-align: right;
}
.tophead .inside {
    padding: 0;
}
.tophead p {
    color: #fff;
    opacity: 0.6;
}
.mainhead {
    background: none repeat scroll 0 0 #fff;
}

.mainhead img{
width:auto;
}

#location{
background:#fff;
}

.mainhead .inside {
    padding: 15px;
}
.telephone {
    color: #735f52;
    float: right;
    text-align: right;
}
.telephone span {
    color: #687200;
    font-size: 20px;
}
#banner {
    color: #fff;
    text-align: center;
}
#banner .inside {
    padding: 200px 0;
}
#banner h1 {
    font-size: 60px;
    font-weight: 400;
    margin: 0;
}
#banner p {
    color: #fff;
    font-size: 20px;
    line-height: 1.5;
}
#banner a {
    background: none repeat scroll 0 0 #697200;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    margin-top: 20px;
    padding: 17px 28px;
    text-decoration: none;
    text-transform: uppercase;
}
#content {
    background: none repeat scroll 0 0 #fff;
}
#content .inside {
    max-width: 990px;
    padding: 80px 20px;
    text-align: center;
}
#content p {
    font-size: 17px;
}
#content h2 {
    color: #677200;
    font-size: 34px;
    font-weight: normal;
}
#beach {
    background: url("images/beach.jpg") no-repeat fixed center top / cover rgba(0, 0, 0, 0);
    color: #fff;
}
#beach .inside {
    max-width: 900px;
    padding: 160px 20px;
    text-align: center;
}
#beach h3 {
    color: #fff;
    font-size: 42px;
    font-weight: 400;
}
#green {
    color: #fff;
    background:#677200;
}

#green .inside{
padding:44px 20px;
text-align:center;
max-width:950px;
}

#green h4 {
    font-size: 28px;
    font-weight:normal;
}
#thirds {
    overflow: hidden;
}
.third {
    float: left;
    width: 33.33%;
}
#location {
    overflow: hidden;
}
.map {
    float: left;
    width: 66.66%;
}
.location {
    background: none repeat scroll 0 0 #fff;
    float: right;
    text-align:center;
    width:33.33%;
    float:right;
}
.location h3 {
    color: #687300;
    margin:0;
    font-size: 32px;
}
.location p {
    color: #3c5129;
    font-size: 17px;
}
a:link {
  color: #3c5129;
  background-color: transparent;
  text-decoration: none;
}


.pd{
padding: 65px 65px 15px;
}

footer {
    background: none repeat scroll 0 0 #3C5129;
    padding: 15px;
}
footer p {
    color: #fff;
    opacity: 0.6;
    text-align: center;
}

@media screen and (max-width: 500px) {

body{
min-width:200px;
}
    .inside{
    width:auto;
    }
    
    .telephone, .check{
    float:none;
    text-align:center;
    }
    
    .mainhead .inside{
    text-align:center;
    }
    
    #banner h1{
    font-size:38px;
    }
    
    #banner .inside{
    padding-top:100px;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:100px;
    }
    
    #banner p{
    font-size:15px;
    }
    
    .third, .location{
    width:100%;
    }
    
    .map{
    display:none;
    }
    
    .pd{
    padding:30px;
    }
    
}