.soc_net {
    display: flex;
    align-items: center;

    position: relative;
    width: 100%;
    height: auto;
    padding: 40px 6% 10px;

    overflow: hidden;
}

.soc_text {
    width: 100%;
}

.soc_text h3 {
    margin-bottom: 10px;
}

.soc_text p {
    margin-bottom: 8px;
}

.soc_logos {
    display: flex;
    /* justify-content: space-between; */
    justify-content: space-around;

    width: 90%;
    height: 42px;
    margin-top: 40px;
    margin-left: 5%;
}

.soc_logos img {
    height: 100%;
    filter: invert(96%);

    cursor: pointer;
}

@media (max-width: 767px) {
    .soc_img {
        display: none;
    }
}

/* -------------------------------------------------- TABLET -------------------------------------- */
@media (min-width: 768px) {
    .soc_net {
        padding: 60px 4% 50px;
    }

    .soc_box {
        display: grid;
        grid-template-columns: 60% 40%;
        width: 100%;
        height: auto;
        padding-bottom: 20px;

        background-color: var(--black_vanta);
        border-radius: var(--radius-m);
        box-shadow: 0 0 42px 9px rgba(246, 132, 43, .6);
    }

    .soc_text {
        padding: 20px;
        padding-left: 30px;
    }

    .soc_img img {
        width: 100%;
        padding-top: 20%;
        padding-right: 10%;
        transform: rotate(-20deg) scale(1.2);
    }

    .soc_logos {
        width: 80%;
        height: 42px;
        margin-left: 5%;
    }
}

/* -------------------------------------------------- NOTEBOOK -------------------------------------- */
@media (min-width: 1024px) {
    .soc_net {
        padding: 70px 8% 60px;
    }

    .soc_box {
        grid-template-columns: 65% 35%;
    }

    .soc_img img {
        padding-top: 10%;
    }
}

/* --------------------------------------------------- DELL ------------------------------------- */
@media (min-width: 1200px) {
    .soc_text {
        padding: 60px 40px 40px 60px;
    }

    .soc_logos {
        margin-left: 2%;
    }


    .soc_img img {
        padding-top: 0;
        transform: rotate(-20deg) scale(1.3);
    }
}

/* -------------------------------------------------- DESKTOP ------------------------------------- */
@media (min-width: 1440px) {
    .soc_net {
        padding: 100px 12% 60px;
    }

    .soc_text {
        padding: 80px 40px 40px 60px;
    }

    .soc_logos {
        margin-top: 60px;
    }
}