/* ==========================================
   TABLETS & MOBILE
========================================== */

@media (max-width: 991px){

    /* Hide Desktop Menu */
    .main-navigation{
        display: none;
    }

    /* Show Hamburger */
    .menu-toggle{
        display: block;
    }

    /* Hide Slogan */
    .site-slogan{
        display: none;
    }

    /* Slightly Smaller Logo */
    .site-logo img{
        max-height: 90px;
    }

}

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

@media (max-width: 768px){

    .header-container{

        min-height: 80px;

    }

    .site-logo img{

        max-height: 70px;

    }

    .header-actions{

        gap: 12px;

    }

    .header-actions a{

        font-size: 20px;

    }

    .menu-toggle{

        font-size: 34px;

    }

}
@media(max-width:768px){

    .hero-slider{
        height:75vh;
    }

    .hero-content{
        left:25px;
        right:25px;
        max-width:100%;
    }

    .hero-content h1{
        font-size:34px;
    }

    .hero-content p{
        font-size:18px;
    }

    .hero-buttons{
        flex-direction:column;
    }

    .btn-primary,
    .btn-secondary{
        text-align:center;
    }

}