2018-03-13 17:02:47 +00:00
|
|
|
header {
|
|
|
|
nav {
|
2018-03-18 06:58:06 +00:00
|
|
|
background-color: $ff_magenta;
|
2018-03-13 17:02:47 +00:00
|
|
|
.nav-wrapper {
|
|
|
|
padding: 0 25px;
|
|
|
|
.brand-logo {
|
|
|
|
@media screen and (max-width: 991px){
|
|
|
|
width: 100%;
|
2018-05-04 14:08:53 +00:00
|
|
|
padding-left: 25px;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
@media screen and (max-width: 450px){
|
|
|
|
font-size: 1.8rem;
|
|
|
|
}
|
|
|
|
@media screen and (max-width: 330px){
|
|
|
|
font-size: 1.6rem;
|
|
|
|
}
|
|
|
|
@media screen and (max-width: 300px){
|
|
|
|
font-size: 1.4rem;
|
2018-03-13 17:02:47 +00:00
|
|
|
}
|
|
|
|
@extend .light-text
|
|
|
|
}
|
2018-05-04 14:08:53 +00:00
|
|
|
.sidenav-trigger {
|
|
|
|
@media screen and (max-width: 450px){
|
|
|
|
margin: 0 18px 0 0 !important;
|
|
|
|
}
|
|
|
|
}
|
2018-03-13 17:02:47 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|