.footer {
    grid-row: 3/4;
    background: linear-gradient(199.94deg, #F297B2 21.594%, #A4A5D5 82.63%);
    padding: 142px 290px 0 290px;
    color: black;
    font-size: 1.5rem;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;

    h1 {
        padding: 0 0 20px 0;
        font-size: 1.5rem;
        font-family: "Inter", sans-serif;
        font-optical-sizing: auto;
        font-weight: normal;
        font-style: normal;
    }

    ul {
        margin: 0;
        padding: 0;
    }

    li {
        list-style: none;
        padding: 0 0 20px 0;
    }

    a {
        text-decoration: none;
        color: black;
    }

    a:hover {
        text-decoration: none;
        color: black;
    }

    a:active {
        text-decoration: none;
        color: black;
    }
}

.reset-styles {
    all: unset;
}

.contact-info {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    border-bottom: black solid 1px;
    padding: 0 0 99px 0;
}

.back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 1000;
}

/*desktop*/
@media (1024px <= width <= 1600px) {
    .footer {
        padding: 100px 100px 0 100px;
    }
}

/*tablet*/
@media (750px <= width <= 1024px) {
    .footer {
        padding: 80px 100px 0 100px;
    }

    @media (950px >= width) {
        .footer {
            padding: 80px 60px 0 60px;
        }
    }
}

/*mobile*/
@media (350px <= width <=750px) {
    .back-to-top {
            bottom: 5px;
            right: 5px;
            img {
                width: 55px;
                height: auto;
            }
    }
    .footer {
        padding: 80px 40px;
    }

    .contact-info {
        display: flex;
        flex-direction: column;
        padding: 0;
    }

    .social {
        padding: 0 0 20px 0;
    }
    
    @media (width <= 550px){
        .back-to-top{
            display: none;
        }
        .footer{
            padding: 40px 20px;
        }
    }
}