/*Custom CSS for additional styling*/

#carousel-header .item:nth-child(1) {
    background: url("../img/header01.jpg") center no-repeat;
    background-size: cover;
}

#carousel-header .item:nth-child(2) {
    background: url("../img/header02.jpg") center no-repeat;
    background-size: cover;
}

#carousel-header .item:nth-child(3) {
    background: url("../img/header03.jpg") center no-repeat;
    background-size: cover;
}

#carousel-header .item:nth-child(4) {
    background: url("../img/header04.jpg") center no-repeat;
    background-size: cover;
}

.nav-tabs > li {
    width: 25%;
    /*font-size: 3.4em;*/
    font-size: 2.8em;


}

@media only screen and (max-width: 600px) {
    .nav-tabs > li {
        width: 50%;
        /*font-size: 3.4em;*/
        font-size: 1.6em;


    }
}
@media only screen and (min-width: 481px) {
    .nav-tabs > li {
        width: 25%;
        /*font-size: 3.4em;*/
         font-size: 1.7em;


    }
}

@media only screen and (min-width: 1024px) {
    .nav-tabs > li {
        width: 25%;
        /*font-size: 3.4em;*/
         font-size: 2.8em;


    }
}

.tab-pane {
    margin: 4em 0;
}

.boats-featured figure .left, .boats-featured figure .right {
    background-size: 150% auto;
}



/*Banner*/
.banner {
    margin: 0 auto 40px auto;
    text-align: center;
    max-width: 100%;


}

.banner img {
    max-width: 100%;
}

.mt20 {
    margin-top: 20px;
}
.mb20 {
    margin-bottom: 20px;
}