@media(max-width: 950px) {
    .hamburger-container{
        display: block;
    }
    .button-container {
        gap: 1rem;
        flex-wrap: wrap
    }
    .header-container {
        padding-left: .625rem;
        padding-right: .625rem
    }
    .header {
        padding: .625rem
    }
    .header .logo img {
        margin-left: .3125rem;
        margin-right: 0
    }
    .header nav.primary-menu-wrap{
        display: none;
    }
    .header .nav .login-button,
    .header .nav .signup-btn {
        display: none
    }
    nav.primary-menu-wrap ul {
        flex-direction: column;
        align-items: center;
    }
    
    .content-container {
        padding-bottom: 4rem;
        padding-left: .5rem;
        padding-right: .5rem
    }
}

@media(max-width: 640px) {
    .hamburger-container .hamburger {
        margin-right: .3125rem
    }    
}

@media(max-width: 380px) {
    .header {
        padding-right: .5rem
    }
    .header .logo img {
        margin-left: 0
    }
}