.nav_container {
    transform: rotate(0);
    transition: transform 0.35s ease;

    display: none;
}

.nav_container.appear,
.nav_container:hover {
    transform: rotate(1deg) translateY(2px);

    display: block;
}

nav {
    transform: translateY(100%);
    transition: transform 0.4s cubic-bezier(0.51, 0.44, 0, 1.04);
}

nav.open {
    transform: translateY(0);
}

.nav-toggle {
    display: block;
}



/*
About page
*/
.about .nav_container {
    display: block;
}

.about .nav_container:hover {
    transform: rotate(0.5deg) translateX(6px) translateY(2px);
}

.about nav {
    transform: translateY(68%);
}

.about nav:hover {
    transform: translateY(0);
}

.about .nav-toggle {
    display: none;
}

.about nav h2,
.about nav h3,
.about nav .nav_contact span {
    font-family: "Handjet", sans-serif;
    font-weight: 300;
    text-align: center;
    margin: 0;
}

@media (max-width: 1300px) {
    .nav_container,
    .about .nav_container {
        transform: rotate(0);

        display: none;
    }

    .nav_container.appear {
        transform: rotate(1deg) translateX(10px) translateY(2px);

        display: block;
    }

    .about nav {
        transform: translateY(100%);
    }

    .about nav.open {
        transform: translateY(0);
    }

    .about .nav-toggle {
        display: block;
    }

}


/*  */
@media (max-width: 500px) {
    .nav_container.appear,
    .nav_container:hover {
    transform: translateY(0);
    }

    .nav_container:hover {
        transform: rotate(0);
    }
}