/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {}

/* Medium Devices, Desktops */
@media only screen and (min-width : 851px) {
    .nav-right {
        flex-direction: column;
        gap: 5px;
    }

    .nav-right li {
        margin: unset;
    }

    .nav-right li .button {
        min-width: 100px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 850px) {
    .j-banner p {
        font-size: 24px;
    }

    .j-banner p:nth-child(2) {
        font-size: 14px;
    }

    .j-banner p:nth-child(3) {
        font-size: 40px;
    }

    .j-banner p:nth-child(4) {
        font-size: 14px;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 550px) {
    .j-banner p {
        font-size: 20px;
    }
    .j-banner p:nth-child(3) {
        font-size: 36px;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {}