html, body {
    height: 100%;
    margin: 0;
}
footer {
    background-color: black;
}
.main-footer {
    width: 100%;
    height: 100%;
}
.footer-up {
    margin-left: 5vw;
    margin-right: 3vw;
    display: flex;
    justify-content: space-between;
}
.rcsa-logo-footer {
    margin-top: 2vw;
    width: 9vw;
    height: 4vw;
}
.social-footer {
    display: flex;
    margin-top: 2vw;
}
.tt-logo-footer {
    width: 3.1vw;
    height: 3vw;
    margin-right: 0.5vw;
}
.ig-logo-footer {
    width: 3.1vw;
    height: 3vw;
    margin-right: 0.5vw;
}
.fb-logo-footer {
    width: 3.1vw;
    height: 3vw;
    margin-right: 0.5vw;
}
.yt-logo-footer {
    width: 3.05vw;
    height: 3vw;
}
.footer-down {
    margin-top: 1vw;
    margin-left: 5vw;
    margin-right: 3vw;
    padding-bottom: 2vw;
    height: auto;
}
.p-text {
    color: white;
    font-size: 1vw;
    margin: 0;
}

@media only screen and (max-width: 700px) {
    .footer-up {
        margin-left: 5vw;
        margin-right: 3vw;
        display: flex;
        justify-content: space-between;
    }
    .rcsa-logo-footer {
        margin-top:4vw;
        width: 20vw;
        height: 10vw;
    }
    .social-footer {
        display: flex;
        margin-top: 4vw;
    }
    .tt-logo-footer {
        width: 9.3vw;
        height: 9vw;
        margin-right: 1vw;
    }
    .ig-logo-footer {
        width: 9.3vw;
        height: 9vw;
        margin-right: 1vw;
    }
    .fb-logo-footer {
        width: 9.3vw;
        height: 9vw;
        margin-right: 1vw;
    }
    .yt-logo-footer {
        width: 9.15vw;
        height: 9vw;
    }
    .footer-down {
        margin-top: 2vw;
        margin-left: 5vw;
        margin-right: 3vw;
        padding-bottom: 2vw;
        height: auto;
    }
    .p-text {
        color: white;
        font-size: 2.5vw;
        margin: 0;
    }
}