footer {
    min-height: 30vh;
    padding: 0 10% 10px 10%;
    background: rgb(17, 175, 245);
    background: linear-gradient(180deg, rgba(17, 175, 245, 1) 0%, rgba(17, 130, 245, 1) 100%);
    color: white;
}

.footer-logo {
    padding: 50px 0;
    display: grid;
    justify-content: center;
}

footer .footer-logo img{
    width: 150px;
}

footer .footer-top {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: center;
}

.footer-box {
    margin-top: 30px;
}

.footer-box-duo {
    display: grid;
    grid-template-columns: 26px auto;
    gap: 15px;
}

.footer-social {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: center;
    gap: 30px;
    margin-top: 30px;
}

.footer-bottom {
    text-align: center;
}

.footer-bottom p {
    font-size: 0.9em;
}

footer a{
    color: white;
}

footer a:hover{
    text-decoration: none;
    color: #ff9800;
}

/* TABLET */

@media (max-width: 990px) {

    footer {
        padding-left: 5%;
        padding-right: 5%;
    }
}

/* PHONE */

@media (max-width: 630px) {
    
    footer .footer-top {
        grid-template-columns: 1fr;
    }
    
    footer .contact{
        width: 219px;
    }

    footer .contact-text{
        text-align: center;
        text-decoration: underline;
    }

    footer .follow{
        width: 219px;
        text-decoration: underline;
    }

    footer .text-center{
        margin-top: 50px;
    }

    footer .more{
        width: 219px;
        margin-top: 50px;
        margin-bottom: 15px;
        text-align: center;  
    }

    footer .more-text{
        text-decoration: underline;
    }
    
}