/*-------------- MEDIA QUERIES--------------*/


@media (max-width: 450px) {

    /* -------- MAIN -------- */

    a:hover {
        color: white;
        /* display: none; */
    }

    h1 {
        font-size: 2rem;
    }

    /* .slide-bg {
        height: 600px;
    } */


    .btn-main {
        padding: 20px 0;
        min-height: 40px;
        width: 8rem;
        font-size: 0.8rem;
    }

    .slide-btns {
        padding-left: 0px;
        font-size: 1.2rem;
    }

}

@media (max-width: 575px) {

    h2 {
        font-size: 2rem;
    }

    h3, h4 {
        font-size: 1.0rem;
    }

    .nav-item{
        padding-bottom: 20px;
    }

    .slide-txt{
        font-size: 1.3rem;
    }

    .modal-footer {
        padding-top: 10px;
        margin-bottom: 20px;
    }

    .modal-title{ 
        padding-top: 3.5rem;
    }

    .dl-btn {
        font-size: 1rem;
    }

}


@media (max-width: 768px) {

    .slide-txtbox {
        margin-top: 120px;
    }

    /* -------- MODUALS -------- */

    .dl-btn {
        display: inline-block;
    }
    
    .modal-title, .modal-title-hover {
        line-height: 2rem;
    }

    #TTC-carousel, .TTC-poster  {
    padding-right: 0px;
    }

}