nav {
color: $color-major; margin: 1.5rem 1rem 1rem; padding: 0 1rem 1rem; text-align: left; a { color: inherit; text-decoration: none; &:hover { text-decoration: none; } }
}
.nav-title {
font-size: 2.8rem; line-height: 1.0; padding-top: 1.8rem;
}
.nav-description {
padding-top: 1rem;
}
.nav-menu {
font-size: 1rem; line-height: 2.0; padding-top: 1rem; a { text-decoration: underline; }
}
@media (max-width: $breakpoint) {
nav { border-radius: 0; width: 100%; } .nav-title { text-align: left; } .nav-description { margin-bottom: 2rem; padding-left: 0; text-align: left; } .nav-menu { padding-right: 1rem; }
}