/* ==========================
TABLET
========================== */

@media (max-width:992px){

    .menu{
        display:none;
    }

    .ticket-btn{
        display:none;
    }

    .menu-toggle{
        display:block;
    }

    .logo img{
        height:70px;
    }

    .hero-logo{
        width:220px;
    }

    .hero h1{
        font-size:52px;
    }

    .hero h2{
        font-size:24px;
        letter-spacing:10px;
    }

    .hero-location{
        font-size:20px;
    }

}


/* ==========================
MOBILE
========================== */

@media (max-width:768px){

    .navbar{
        height:85px;
    }

    .logo img{
        height:60px;
    }

    .hero{
        text-align:center;
    }

    .hero-logo{
        width:170px;
    }

    .hero h1{
        font-size:42px;
    }

    .hero h2{
        font-size:18px;
        letter-spacing:6px;
    }

    .hero-location{
        font-size:17px;
        line-height:1.6;
    }

    .hero-buttons{
        flex-direction:column;
        align-items:center;
    }

    .btn{
        width:240px;
        text-align:center;
    }

    .scroll-down{
        margin-top:50px;
    }

}