footer{
    background-color: #00281d;
}
@media (min-width: 1201px) {
    ._img-footer {
        width: 33rem;
    }
}

@media (max-width: 319px) {
    ._img-footer {
        width: 18rem;
    }
}

/*Mobile devices*/
@media (min-width: 320px) and (max-width: 480px) {
    ._img-footer {
        width: 20rem;
    }
}

/*iPads, tabs*/
@media (min-width: 481px) and (max-width: 768px) {
    ._img-footer {
        width: 35rem;
    }
}

/*laptops*/
@media (min-width: 769px) and (max-width: 1024px) {
    ._img-footer {
        width: 38rem;
    }
}

@media (min-width: 1025px) and (max-width: 1200px) {
    ._img-footer {
        width: 42rem;
    }
}

.socials-container {
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    padding: 20px 40px;
}
.social {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid rgb(194, 194, 194);
}

.twitter:hover {
    background: linear-gradient(45deg, #66757f, #495057, #212529, #000);
}

.facebook:hover {
    background: linear-gradient(45deg, #134ac0, #316ff6, #78a3ff);
}

.instagram:hover {
    background: #f09433;
    background: -moz-linear-gradient(45deg,
            #f09433 0%,
            #e6683c 25%,
            #dc2743 50%,
            #cc2366 75%,
            #bc1888 100%);
    background: -webkit-linear-gradient(45deg,
            #f09433 0%,
            #e6683c 25%,
            #dc2743 50%,
            #cc2366 75%,
            #bc1888 100%);
    background: linear-gradient(45deg,
            #f09433 0%,
            #e6683c 25%,
            #dc2743 50%,
            #cc2366 75%,
            #bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
}
.social svg {
    fill: white;
    height: 20px;
}