@media (max-width: 500px) {
    nav .opener #white-hamburger {
        display: block;
    }

    nav .opener #green-hamburger {
        display: none;
    }

    .sidenav .closebtn  {
        right: 3.5%;
    }

    .contact .col-sm-5 .content-container {
        position: relative;
        padding: 25% 5% 9% 5%;
        width: 100%;
        text-align: justify;
    }

    .contact .col-sm-7 {
        padding: 10% 0;
    }

    .contact .col-sm-7 form {
        position: relative;
        transform: translateY(-50%);
    }

    footer {
        display: none;
    }
}