@media (max-width: 500px) {
    body {
        overflow-y: auto;
    }

    nav .opener #white-hamburger {
        display: block;
    }

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

    .sidenav .closebtn  {
        right: 3.5%;
    }

    header {
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

    header .right-side {
        display: none;
    }

    header .contact-buttons {
        width: 100%;
        right: none;
    }

    header .col-left {
        border-right: none;
    }
    
    header .col-right {
        border-right: none;
        background-color: #194731;
    }

    header .logo-mobile {
        display: block;
    }

    header .title-content {
        display: none;
    }

    header .title-content-mobile {
        display: block;
    }


    .mobile-select {
        margin-top: 0;
        visibility: visible;
        height: 20%;
    }

    footer {
        display: block;
    }
}