/* all mobile devices */
@media all and (min-width:0px) and (max-width: 1020px) {
    .cover {
        background-image: url('/img/if25_banner_no_text.png')!important;
    }
    .bg-transparent {
        background-color: rgba(0, 0, 0, 0.4)!important;
    }
    div.flex-l.items-center {
        text-shadow: 1px 1px 40px #000000;
    }
    a.hover-white.no-underline.white-90 {
        font-size: 1.3rem;
        line-height: 0.1;
    }
    ul.pl0.mr3 {
        margin: 10px;
    }
}

/* if edgecases occur */
/* tablets */
@media all and (min-width:569px) and (max-width: 768px) {
    
}

/* mobile phone */
@media all and (min-width:321px) and (max-width: 568px) {
    
}