h1 {
    font-weight: bolder;
    color: #0067a5;
    font-size: 2.5em;
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 1.25;
    font-family: raleway;
}

h2 {
    font-size: 1.4em;
    color: darkgray;
    line-height: 1.25;
    font-family: raleway;
}

h3 {
    text-transform: uppercase;
    font-size: 1.75em;
    letter-spacing: .75px;
    color: #0067a5;
    margin: 20px 0;
    font-family: raleway;
}

h4 {
    text-align: center;
    color: #0067a5;
    font-family: raleway;
}

.intro_para {
    font-size: 1.3em;
    font-weight: 500;
    line-height: 1.75;
    padding-top: 10px;
    margin-bottom: 0;
}

#antarctic_adventures {
    padding: 35px;
}

.rotating_banners {
    background-color: #003b62;
}

.rotating_banners {
    max-height: 480px;
    overflow:hidden;
}

.rotating_banners .banner1{
    background: url("/assets/landing-pages/antarctic-peninsula-adventures24.jpg");
    background-size: cover !important;
}

.rotating_banners .rotating_banner {
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    padding: 40px;
    padding-top: 15%;
    height: 100%;
    margin: 0;
}

@media screen and (min-width: 1858px) {
    .rotating_banner_cont {
        min-height: 600px;
    }
}

@media screen and (max-width: 1030px) {
    .rotating_banner_cont {
        min-height: 254px;
    }
}

@media screen and (max-width: 855px) {
    .rotating_banners p {
        font-size: 1.5em;
    }
    .rotating_banner_cont {
        min-height: 234px;
    }

}

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

    .rotating_banner_cont {
        min-height: 194px;
    }
}

@media screen and (max-width: 655px) {
    .rotating_banner_cont {
        min-height: 158px;
    }
}

@media screen and (max-width: 600px) {
    .rotating_banners .rotating_banner {
        padding: 10px;
        padding-top: 35%;
    }
    .rotating_banners p {
        font-size: 1em;
    }
    .rotating_banner_cont {
        min-height: 110px;
    }
    .rotating_banners .learn {
        font-size: 13px;
        width: 100%;
    }

}

@media screen and (max-width:523px) {
    .rotating_banners p {
        font-size: .75em;
    }
    .rotating_banner_cont {
        height: 390px;
    }

    .rotating_banners .rotating_banner {
        height: 390px;
    }

    .rotating_banners .rotating_banner_image {
        height: 286px;
    }

    .rotating_banners .rotating_banner, .rotating_banners .rotating_banner_image {
        width: 100%;
        float: none;
    }
}

.available-voyages, .highlights {
    margin-top: 30px;
}

.available-voyages p {
    color: #0067a5;
    margin-bottom: 10px;
    padding: 0;
    font-size: 1.175em;
}

.available-voyages h2 {
    padding: 0;
    margin: 0;
}

.available-voyages a h2 {
    color: darkgray;
}

.available-voyages a h2:hover {
    color: #0067a5;
}

.available-voyages h3 {
    margin-bottom: 0;
}

.available-voyages table {
    width: 100%;
    display: block;
    /*overflow: auto;*/
}

.available-voyages table tr {
    border: 1px solid lightgrey;
}

.available-voyages table thead {
    font-weight: 400;
    font-size: 1.25em;
}

.available-voyages table thead tr {
    border: none;
}

.available-voyages table td {
     padding: 5px 10px;
 }

.available-voyages table td.date {
    text-align: center;
    font-size: 1.25em;
    color: #004E75;
    font-family: "Open Sans";
    background-color: whitesmoke;
    border: 1px solid lightgrey;
}

.available-voyages table td.date span.year {
    font-size: .75em;
    color: black;
}

@media screen and (max-width: 1044px) {
.available-voyages table {
    overflow: auto;
}
}

.activities img {
    width: 30px;
}

.map img {
    width: 100%;
}

.highlights ul li {
    list-style: circle;
    font-size: 1.175em;
}

.highlights ul li {
    margin-bottom: 10px;
}

.highlights a.btn-primary {
    margin-top: 25px;
}

.highlights ul li ul {
    margin: 10px 0 10px 50px;
    font-size: .75em;
}

.highlights ul li ul li {
    margin: 5px 0;
}

.center {
    text-align: center;
}

.feat-image {
    width: 100%;
    padding: 30px 0;
}

.guide-section, .top-ten {
    margin: 20px 0;
}

.top-ten img {
    width: 100%;
    max-width: 365px;
}

.guide-bio {
    margin-top: 20px;
}

.guide-bio p {
    line-height: 1.5em;
}

.guide-bio img {
    width: 120px;
    display: block;
    margin: 0 auto;
}

.guide-bio p.quote {
    font-style: italic;
}

.gallery-section p, h1 {
    padding: 0;
    margin: 0;
}

.top-ten img {
    margin-top: 10px;
}

.top-ten ul li {
    font-size: 1.125em;
}

.top-ten p {
    margin-top: 10px;
    line-height: 1.75;
}

.btn-primary {
    background: white;
    display: block;
    margin: 0 auto;
    width: 150px;
    font-size: 16px;
}

.btn-primary:hover {
    background: white;
    text-decoration: none;
}

 /*stops guide bios grid from breaking on this specific screen size range*/
@media screen and (max-width: 1025px) and (min-width: 992px) {
    .guide-bio {
        height: 440px;
    }
}
@media screen and (max-width: 1195px) and (min-width: 1132px) {
    .guide-bio {
        height: 440px;
    }
}

.img-circle {
    border-radius: 50%;
}

section.gallery-full {
    padding: 10px;
    margin-top: 25px;
}

.gallery-full ul > li:nth-child(3n+1), .gallery ul > li:nth-child(3n+1), .discover .gallery ul > li:nth-child(2n+1) {
    clear: none;
}

@media screen and (min-width: 900px) {
    .gallery-full ul > li, .gallery ul > li {
        width: 23%;
    }
}

.gallery-full ul > li:nth-child(3n), .gallery ul > li:nth-child(3n), .discover .gallery ul > li:nth-child(2n) {
    margin-right: 1.52586%;
}

@media screen and (max-width: 865px) {
    .gallery-full ul li {
        margin-right: .5%;
    }

    .gallery-full ul > li:nth-child(3n), .gallery ul > li:nth-child(3n), .discover .gallery ul > li:nth-child(2n) {
        margin-right: .5%;
    }
}

