File: /var/www/vhosts/creativefellows.nl/dhwd.creativefellows.nl/scss/_mobile.scss
@media screen and #{breakpoint(large)}{
.top-bar ul.dropdown > li{border:none;}
.top-bar .logo-primary > img{padding-left:1em;}
}
@media screen and #{breakpoint(medium down)}{
.top-bar{}
.top-bar .top-bar-title{display:block;width:100%;padding-right:0.5em;}
.top-bar .logo-primary > img{height:2em;padding-left:1em;}
.toggle-menu{float:right;margin-top:0.25em;padding-right:1em;}
.logo-menu-wrapper{padding-top:0;}
.toggle-navigation{position:relative;float:right;width:1.5em;height:1.5em;padding:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;}
.toggle-navigation span{display:block;position:absolute;height:0.125em;width:1.5em;background:#fff;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
.toggle-navigation span:nth-child(1){top:0.125em;}
.toggle-navigation span:nth-child(2),.toggle-navigation span:nth-child(3){top:0.625em;}
.toggle-navigation span:nth-child(4){top:1.125em;}
.toggle-navigation.open span:nth-child(1){top:18px;width:0%;left:50%;}
.toggle-navigation.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.toggle-navigation.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.toggle-navigation.open span:nth-child(4){top:18px;width:0%;left:50%;}
.top-bar-right{width:100% !important;}
.menu{margin:1.5em 0;font-size:1.25em !important;}
.menu .button{font-size:1em}
.menu > li{border-bottom:solid 1px rgba(80,80,80,0.25);text-align:center;}
.menu > li:last-child{border:none;}
.menu .button{background:none;}
}
@media screen and #{breakpoint(medium only)}{
.video-promo div{padding:1.5em;}
.video-promo h3{font-size:1em;}
.video-promo h4{font-size:1em;}
.promo-item a::before{left:1.5em;bottom:1.5em;}
.image-showcase{height:26em;padding-bottom:0;}
.image-showcase h1{font-weight:400;}
.image-showcase p{font-weight:400;}
}
@media screen and #{breakpoint(small only)}{
.promo-item{padding-bottom:75% !important;}
footer{text-align:center;}
.row-default{padding:3em 0 2.5em 0;}
.column, .columns{padding:0 3em;}
.intro-dh{height:24em;}
.image-showcase{height:16em;padding-bottom:0;}
.image-showcase h1{font-weight:400;}
}