:root {
    --mint-cake-color: #9bc8ab;
    --sunset-color: #f08050;
    --granite-color: #3d3f3f;
    --rosy-cheeks: #f6b09d;
    --sunrise-color: #f9b104;
    --cloudy-color: #ffffff;
}

.footer {
    height: 240px;
    background-color: var(--granite-color);
    color: var(--cloudy-color);
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    padding-left: 1.5vw;
    padding-right: 1.5vw;
    padding-top: 2vw;
    padding-bottom: 2vw;
}

.footer .footer-logo {
    flex: 25%;
}

.footer .footer-logo img {
    max-height: 200px;
    max-width: 100%;
}

.footer .footer-details {
    flex: 50%;
    text-align: center;
    padding-left: 1vw;
    padding-right: 1vw;
}

.footer .footer-details p {
    font-size: 20px;
}

.footer .footer-contact {
    flex: 25%;
    text-align: right;
}

@media screen and (max-width: 1024px) {
    .footer {
        height: auto;
        flex-direction: column;
    }

    .footer .footer-logo {
        width: 80%;
    }
}