@media screen and (min-width: 768px) {
    footer {
        text-align: center;
    }
    
    footer .logo {
        margin: 150px auto 0;
        width: 300px;
    }
    
    footer .logo img {
        width: 100%;
    }
    
    footer .text {
        font-size: 10px;
        margin: 100px 0 50px;
    }
}


@media screen and (max-width: 767px) {
    footer {
        text-align: center;
    }
    
    footer .logo {
        margin: 15vw auto 0;
        width: 55vw;
    }
    
    footer .logo img {
        width: 100%;
    }
    
    footer .text {
        font-size: 2.2vw;
        margin: 25vw 0 10vw;
    }
}