header .side .socials {

    display: none;        

}



footer .cols .banner .socials {

    margin-top: 3rem;

    display: flex;

    gap: 20px;

    justify-content: center;

    align-items: center;

}



footer .cols .banner .socials img {

    display: block;

    height: 28px;

}



@media (min-width: 769px) {

    footer .cols .banner {

        flex-wrap: wrap;

    }



    footer .cols .banner .socials {

        width: 100%;

        margin-top: 0;

        justify-content: flex-start;

    }

}



@media (min-width: 1140px) {

    footer .cols .banner {

        flex-wrap: nowrap;

    }



    footer .cols .banner .socials {

        width: auto;

        justify-content: flex-end;

    }

}



@media (min-width: 769px) and (max-width: 1024px), (min-width: 1300px) {

    header .side {

        position: relative;

    }



    header .side .socials img {

        display: block;

        height: 20px;

        max-width: none;

        opacity: 0.75;

    }



    header .side .socials {

        position: absolute;

        top: 6px;

        right: 100%;

        display: flex;

        gap: 20px;

        justify-content: flex-end;

        align-items: center;

    }

}



@media (min-width: 1300px) {

    header .side .socials {

        top: 11px;

        right: calc(100% - 102px);

    }

}