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

@media screen and (min-width: 850px) {
    .large-2 {
        flex-basis: 12.5%;
        max-width: 12.5%;
    }

    .a-footer .large-12:has(.a-logo){
        position: absolute;
        top: 5%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .cut {
        position: absolute;
        top: -7.82%;
        left: calc(50% - 200px);
        width: 405px;
        height: 10px;
        background-color: rgb(97, 15, 14);
        transform: translate(0%, -50%);
    }
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 550px) {
    .text-1 {
        font-size: 20px;
        line-height: 25px;
    }
    .text-2 {
        font-size: 50px;
        line-height: 65px;
        background: linear-gradient(107.01deg, #EFBC56 -3.44%, #FDE0A8 49.31%, #CB9933 105.33%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .text-3 {
        font-size: 55px;
        line-height: 70px;
    }

}

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

}