.nav {display: flex; justify-content: space-between; align-items: flex-end; padding: 20px 100px; background-color: var(--primary-color); color: white;}
.logo-main img {width: 125px;}
.nav-items {display: flex;}
.nav-items a {display: block; margin-right: 40px; text-decoration: none; color: white; font-weight: 200; white-space: nowrap;}
.nav-items a:last-child {margin-right: 0;}
.nav-menu {position: relative; display: none; width: 32px; height: 32px; margin-top: 3px; cursor: pointer; user-select: none;}
.nav-menu-line {position: absolute; width: 32px; height: 4px; background-color: var(--schoolsnz-blue); transition-duration: .1s; transform-origin: 50% 50%; transform: rotate(0deg);}
.nav-menu-line:first-child {top: 4px; left: 0;}
.nav-menu-line:nth-child(2) {top: 14px; left: 0;}
.nav-menu-line:nth-child(3) {top: 24px; left: 0;}
.nav-opening .nav-menu-line {top: 14px;}
.nav-open .nav-menu-line:first-child {top: 14px; transform: rotate(45deg);}
.nav-open .nav-menu-line:last-child {top: 14px; transform: rotate(-45deg);}
.nav-open .nav-menu-line:nth-child(2) {display: none;}

@media screen and (max-width: 460px) {
    .nav {align-items: center; padding: 15px 20px 10px 20px;}
    .nav-menu {display: block;}
    .logo-main img {width: 59px;}
    .nav-items {display: none;}
}