body{
    margin: 0px;
    font-family: 'Open Sans', sans-serif;
}

a:hover{
    text-decoration: none;
}

#logo{
    padding: 10px 0px;
    display: inline-block;
}

#logo img{
    display: inline-block;
    height: 48px;
    margin-top: 15px;
}

.headerBand{
    width: 100%;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.8);
    border-bottom: #fff 2px solid;
}

nav{
    float: right;
    position: relative;
    top: 75px;
}

nav ul{
    padding: 0px;
    list-style-type: none;
}

nav li{
    display: inline-block;
    margin: 5px;
    padding: 5px;
    text-align: right;
}

.headingRow{
    display: block;
    text-align: right;
}

.heading-text{
    font-family: 'Lobster', cursive;
    margin: 0px 30px 0px 0px;
    font-size: 1.6em;
    display:inline-block;
}

nav a{
    font-weight: 700;
    text-transform: uppercase;
    color: #5E6060; 
}

nav a:hover{
    color: #000;
}

.activeTab{
    padding-bottom: 5px;
    border-bottom: #FFC000 solid 2px;
}

.content-top{
    margin-top: 100px;
}

#slide-container{
    background-color: #D8D8D8;
    min-height: 100px;
    padding: 40px 0px 0px;
}

#bookingInfo{
    background-color: #D8D8D8;
    min-height: 100px;
    padding: 30px 0px 0px;  
}

#gallery-container{
    min-height: 100px;
    padding: 40px 0px 0px;
}

#slideshow{
    border: 5px solid #fff;
    margin: 20px 0px;
}

#bookingForm{
    width: 100%; 
    margin: 20px 0px;
    padding: 35px 0px;
}

#landing-editorial{
    display: block;
    background-color: #FFC000;
    min-height: 100px;
    padding: 20px 20px 10px 20px;
    text-align: justify;
}

#editorial{
    display: block;
    min-height: 100px;
    padding: 20px 10px;
    text-align: justify;
}

#editorial img{
    text-align: center;
    margin: 0px auto;
}

#editorial p{
    margin: 10px 0px;
}

.bookingButton{
    background-color: #FFC000;
    color: #fff;
    padding: 20px 30px;
    border-radius: 20px;
    border: none;
    font-size: 2em;
    margin-top: 75px;
}

.bookingButton:hover{
    cursor: pointer;
    background-color: #D39C00;
}

#image-container{
    background-image: url('../images/madeira-main.jpg');
    border-bottom: 5px solid #fff;
    height: 40em;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#activities-heading {
    background-color: #D8D8D8;
    justify-content: center;
    flex-direction: column;
    padding: 1em;
}

#activities-heading h3 {
    font-weight: 700;
    font-size: 1.2em;
    text-transform: uppercase;
    justify-content: center;
    text-align: center;
    margin: 0px auto;
    color: #5E6060;
}

#activities h4{
    font-family: 'Lobster', cursive;
    text-align: center;
    font-size: 2em;
    margin-top: 30px;
}

.activityBlock{
    justify-content: center;
    flex-direction: column;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    color: #5E6060;
}

.activityItem{
    width: 100%;
    height: 30vh;
    background-color: #D8D8D8;
    margin-top: 2em;
    position: relative;
    border-radius: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#seaTours{
    background-image: url("../images/seaTours.jpg");
}

#foodWine{
    background-image: url("../images/foodWine.jpg");

}

#landTours{
    background-image: url("../images/landTours.jpg");
}

#gameFishing{
    background-image: url("../images/gameFishing.jpg");
}

#adventureSports{
    background-image: url("../images/adventureTours.jpg");
}

#facilities h4{
    text-align: center;
    margin-top: 30px;
    color: #D39C00;
    font-weight: 700;
    font-size: 1.4em;
}

#facilities ul{
    list-style-type: none;
    margin: 10px;
    padding: 0px;
}

#facilities ul>li{
    margin: 10px;
    display: inline-block;
    padding: 10px 30px;
    background-color: #ffe080;
    color: #000;
    border-radius: 10px;
}

#bookingBlock{
    background-color: #FFC000;
    border-radius: 20px;
}

#bookingBlock:hover{
    cursor: pointer;
    background-color: #D39C00;
}

#bookingBlock p{
    padding-top: 2.8em;
    color: #fff;
    font-weight: 700;
    font-size: 2.5em;
}

#bookingForm h2{
    color: #5E6060;
    font-weight: 700;
    font-size: 2em;
    text-align: center;
}

#bookingForm p{
    color: #5E6060;
    text-align: center;
    margin-bottom: 50px;
}

#rates{
    color: #5E6060;
    margin-top: 30px;
}

#rates h2{
    color: #5E6060;
    font-weight: 700;
    font-size: 1.7em;
    text-align: center;  
}

#rates table{
    width: 100%;
    margin-top: 30px;
    background-color: #fff;
}

td.right{
    text-align: right;
}

#rates table th,td{
    padding: 5px 10px;
    border: 1px solid #D8D8D8;
}

#rates table th{
    color: #5E6060;
}

#rates table td{
    font-size: 0.8em;
    color: #5E6060;
}

#other{
    background-color: #fff;
    margin-top: 50px;
    color: #5E6060
}

#other h2{
    font-weight: 700;
    font-size: 1.7em;
    text-align: center;  
}

#other h3{
    margin-top: 30px;
    color: #D39C00;
    font-weight: 700;
    font-size: 1.3em;
}

#other ul{
    padding-left: 0px;
    list-style-type: none;
}

#other a{
    color: #5E6060;
}

#gallery-container h2{
    font-family: 'Lobster', cursive;
    text-align: center;
    font-size: 2em;
    margin: 20px auto;
    display: block;  
}

#gallery-container p{
    text-align: center;
    font-size: 1.2em;
    display: block;
    width: 100%;  
}

.activityText{
    border-radius: 20px;
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #FFC000;
    opacity: 0.8;
    padding: 20px 10px;
    overflow: hidden;
    font-size: 1em;
    line-height: 1em;
}

.activityItem:hover .activityText{
    display: block;
}

.activityText p{
    color: #000;
    opacity: 1.0;
}

.highlight-green{
    color: darkcyan;
    font-size: 1.2em;
    font-family: 'Lobster', cursive;
    letter-spacing: 1px;
}

.highlight-blue{
    color: darkcyan;
    font-size: 1.2em;
    font-family: 'Lobster', cursive;
    letter-spacing: 1px;
}

footer{
    padding: 10px;
    font-size: 0.8em;
    background-color: #D8D8D8; 
}
.booking-form{
    width: 70%;
    margin: 0px auto;
}

label{
    color: #5E6060;
    font-weight: 700;
}

input{
    width: 100%;
    border: none;
    padding: 5px;
    margin: 0px 0px 10px;
    color: #000;
    border-radius: 5px;
}

button[type=submit]{
    background-color: #FFC000;
    color: #fff;
    font-weight: 700;
    font-size: 1.2em;
    padding: 0px 10px;
    border-radius: 15px;
    border: none;
    cursor: pointer;
}

select{
    width: 100%;
    border: none;
    padding: 5px;
    margin: 0px 0px 10px;
    color: #000;
    border-radius: 5px; 
}

/*Media Queries*/
@media screen and (max-width: 850px){
    .headerBand{
        position: relative;
    }
    #logo{
        display: block;
        margin: 0px auto;
        text-align: center;
    }
    .heading-text{
        margin: 0px 5px 0px 0px;
    }
    nav{
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        top: 0px;
        float: none;
        right: 0px;
    }  
    nav li{
        display: block;
    }
}