.phone>a {
    display: inline-block;
    
    padding: .5rem;
    font-size: 1.5rem;
    text-decoration: none;
    color: #ffd409;
}
 .mylogo>span {
    display: inline-block;
    vertical-align: middle;
    padding: .5rem;
    font-size: 1.5rem;
}
.navbar{
    background-color: rgba(0,0,0,.76);
    padding: 0px;;
}
body{
    margin: 0;
    
}
.backimage{
    background-image: url(homepage1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    
    
    
    
}
.fill{
    padding-top: 40%;
}
.banner{
    background-color: rgba(0,0,0,.76);
    height: 8rem;
    color: #ffd409;
    text-align: center;
    padding: 1.7rem;
    font-family: 'Fjalla One', sans-serif;
    font-size: 2rem;
    
}


.mylogo{
    background-color: #ffd409;
    height: 6rem;
    padding-left: 15px;
    padding-right: 15px;
    font-family: 'Holtwood One SC', serif;
    text-align: center;}

.container {
    margin: 0 auto;
    padding: 0 15px;
    width:100%;
}
.phone{
    color: #ffd409;
    font-family: 'Fjalla One', sans-serif;
    height: 2.5rem;
    text-align: center;
}
.phone>span { padding: .4rem;
    

}

.camping{
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: center;
    
    
}
.camping a{
    font-family: 'Fjalla One', sans-serif;
    font-size: 2rem;
    text-decoration: none;
    color: black;
}
.camping img{
    padding: 1rem;
}
#reserve_button a {
    font-family: 'Fjalla One', sans-serif;
    text-decoration: none;
    border: 0.2px solid #000;
    color: #000;
    background: #03a70b;
    padding: 15px;
    border-radius: 15px;
    font-size: 1rem;
}
#reserve_button {
    width: 50%;
    margin: auto;
    text-align: center;
    padding-bottom: 5%;
}
main p{
    font-size: 1.5rem;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 1.5rem;
    
}
main{
    padding: 1rem;
}
.mapp{
padding: 2rem;
}
main table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0px;
    width: 100%;
    background: #fff;
    font-size: 1.25rem;
    font-family: 'Roboto Condensed', sans-serif;
}
main tr:nth-child(odd) {
    background-color: #ffd409;
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
    
}
td{
    padding: 1rem;
}
/*nav{*/
/*    width: 100%;*/
/*}*/
h1{
    font-family: 'Fjalla One', sans-serif;
    text-align: center;

}
nav{
float: right;
}

nav>ul {
/*    display: block;*/
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-end;
   
    
    
}

nav ul {
    padding: 0;
/*    display: none;*/
    margin: 0;
    
}

nav ul li {
    list-style-type: none;
    float: left;
    position: relative;
    font-family: 'Fjalla One', sans-serif;
    font-size: 1.2rem;
    letter-spacing: 1px;
        
}


nav li a {
    display: block;
    color: white;
    padding: 1rem;
    text-decoration: none;
    text-align: right;
}
nav li a:hover, .active {
    color: #ffd409;
   }





#map{height:80vh;}

.fa {
    color: white;
    padding: .5rem;
    
}
footer{
    height: 6rem;
    background-color: black;
}



/* Grid Layout */


*, *:before, *:after {
    box-sizing: border-box;
}





@media (min-width:768px) {
    .container {width:750px;}
    
    nav>ul {flex-direction: row;}
    nav ul {display: flex;}
    .phone{text-align: right;}
    
}
    
    



@media (min-width:992px) {
    .container {width:970px;}
    
}

@media (min-width:1200px) {
    .container {width:1170px;}
}

.col1x, .col2x, .col3x, .col4x, .col5x, .col6x, .col7x, .col8x, .col9x, .col10x, .col11x, .col12x,.col1s, .col2s, .col3s, .col4s, .col5s, .col6s, .col7s, .col8s, .col9s, .col10s, .col11s, .col12s, .col1m, .col2m, .col3m, .col4m, .col5m, .col6m, .col7m, .col8m, .col9m, .col10m, .col11m, .col12m, .col1l, .col2l, .col3l, .col4l, .col5l, .col6l, .col7l, .col8l, .col9l, .col10l, .col11l, .col12l {
    float:left;
    position:relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.row {
    margin-left:-15px;
    margin-right:-15px;
}

.row:before, .row:after {
    display:table;
    content: " ";
    clear:both;
}

.col1x {width:8.33333333%;}
.col2x {width:16.66666667%;}
.col3x {width:25%;}
.col4x {width:33.33333333%;}
.col5x {width:41.66666667%;}
.col6x {width:50%;}
.col7x {width:58.33333333%;}
.col8x {width:66.66666667%;}
.col9x {width:75%;}
.col10x {width:83.33333333%;}
.col11x {width:91.66666667%;}
.col12x {width:100%;}
.tripadvise {display: none;}
@media (min-width:768px) {
    .col1s {width:8.33333333%;}
    .col2s {width:16.66666667%;}
    .col3s {width:25%;}
    .col4s {width:33.33333333%;}
    .col5s {width:41.66666667%;}
    .col6s {width:50%;}
    .col7s {width:58.33333333%;}
    .col8s {width:66.66666667%;}
    .col9s {width:75%;}
    .col10s {width:83.33333333%;}
    .col11s {width:91.66666667%;}
    .col12s {width:100%;}
    .tripadvise {display:block}
    #reserve_button a {
        padding-left: 30px;
        padding-right: 30px;
        font-size: 1.5rem;
    }
}

@media (min-width:992px) {
    .col1m {width:8.33333333%;}
    .col2m {width:16.66666667%;}
    .col3m {width:25%;}
    .col4m {width:33.33333333%;}
    .col5m {width:41.66666667%;}
    .col6m {width:50%;}
    .col7m {width:58.33333333%;}
    .col8m {width:66.66666667%;}
    .col9m {width:75%;}
    .col10m {width:83.33333333%;}
    .col11m {width:91.66666667%;}
    .col12m {width:100%;}
}

@media (min-width:1200px) {
    .col1l {width:8.33333333%;}
    .col2l {width:16.66666667%;}
    .col3l {width:25%;}
    .col4l {width:33.33333333%;}
    .col5l {width:41.66666667%;}
    .col6l {width:50%;}
    .col7l {width:58.33333333%;}
    .col8l {width:66.66666667%;}
    .col9l {width:75%;}
    .col10l {width:83.33333333%;}
    .col11l {width:91.66666667%;}
    .col12l {width:100%;}
}

img.responsive {
    width:100%;
    height:auto;
}

.navbar{
    background-color: rgba(0,0,0,.76);
    
}
.menu .col7s .col4m {float: right;
}
.menu .col6m {float: right;
}
.menu .col4l {float: right;
}
.trip .col2l {float: right;
}
.mapp .col7m {float: right;
}
.navbar{padding:0;}
.about .col6s  {float: right;
}
.about .col5l  {float: right;
}
.rates .col7s  {float: right;
}
.pics img {padding: 1rem;}
.about img {padding: 1.5rem;}
.pics {padding-bottom: 1rem}

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}