.mobileOnlyReverse {
    display: block;
}

/* ==========================================
   Laptop
========================================== */

@media (max-width:1200px) {

    .container {

        width: 90%;

    }

}

/* ==========================================
   Tablet
========================================== */

@media (max-width:992px) {

    .container {

        width: 92%;

    }

}

/* ==========================================
   Smartphone Navigation
========================================== */

@media (max-width:768px) {

    .nav {

        height: 70px;

    }

    .nav .container {

        justify-content: space-between;

    }

    .hamburger {

        display: flex;
        flex-direction: column;
        justify-content: center;

        width: 34px;
        height: 30px;

    }

    .navLinks {

        position: fixed;

        top: 0;
        right: -320px;

        width: 300px;
        height: 100vh;

        padding: 100px 30px;

        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 25px;

        background: #1f1f1f;

        transition: .35s;

        z-index: 999;

    }

    .navLinks.active {

        right: 0;

    }

    .mobileOnly {

        display: block;

    }

    .aboutImage.mobileOnly {
        margin: 30px 0;
    }

    .dropdown {

        width: 100%;

    }

    .dropdownContent {

        position: static;

        opacity: 1;
        visibility: visible;

        transform: none;

        background: none;

        min-width: 100%;

        padding-left: 20px;

        border-radius: 0;

    }

    .dropdownContent a {

        padding: 10px 0;

    }

    .mobileOnlyReverse {
        display: none;
    }

}