@media (max-width: 1200px) {
    header.masthead {
        background-image: url(../startbootstrap-theme/img/header-bg-1200.jpg);
    }    
    div.intro-text {
        height: 600px !important;
        padding-top: 300px !important;
        padding-bottom: 200px !important;
    }
}


@media (max-width: 992px) {
    header.masthead {
        background-image: url(../startbootstrap-theme/img/header-bg-992.jpg);
        background-size: cover;
    }    
    div.intro-text {
        height: 400px !important;
        padding-top: 200px !important;
        padding-bottom: 100px !important;
    }
    .fa.fa-play-circle-o.fa-5x {
        font-size:850% !important;
    }
}

@media (max-width: 768px) {
    header.masthead {
        background-image: url(../startbootstrap-theme/img/header-bg-768.jpg);
        background-size: cover;
    }    
    div.intro-text {
        height: 300px !important;
        padding-top: 220px !important;
        padding-bottom: 50px !important;
    }
    .fa.fa-play-circle-o.fa-5x {
        font-size:600% !important;
    }
    .pagination-responsive {
        display:flex !important;
    }
}


@media (max-width: 576px) {
    header.masthead {
        background-image: none;
        background-image: url(../startbootstrap-theme/img/header-bg-576.jpg);
        background-size: cover;
    }    
    div.intro-text {
        height: 50px !important;
        padding-top: 170px !important;
        padding-bottom: 50px !important;
    }
    .fa.fa-play-circle-o.fa-5x {
        font-size:500% !important;
    }
    ul.pagination-responsive {
        display:block !important;
    }
    nav {
        float:none;
        clear:both;        
    }
}