@media screen and (max-height: 860px) {
    #logo {
        margin-top: -50px;
        width:200px;
    }
    #homecontent .title {
        font-size: 1.5em !important;
    }
}

@media screen and ( max-device-width:375px){

    .mobile{
        display:block;
    }
    .desktop{
        display:none;
    }

    #home{
        height:100% !important;
        color:#FFF;
    }

    #home .title{
        color:#FFF;
        font-size:36px;
    }
    #home #backgroundSlider > div{
        max-height:250px;
    }
    .desktop{
        display:none;
    }
    #mobilehometext{
        position: absolute;
        background:#1E2225;
        width:calc(100% - 50px);
        height:calc(100vh - 300px);
        z-index:9999;
        top:250px;
        padding:25px;
        overflow: hidden;
    }

    #hamburger{
        margin-bottom:20px;
        padding-left:54px;
        cursor:pointer;
    }

    #foldedmenu{
        width:100%;
        height:100%;
        background:#1E2225;
        position:absolute;
        width:calc(100% - 50px);
        height:0%;
        z-index:9999;
        overflow:hidden;
        transition:all 0.5s;
        transition-timing-function: ease-in-out;
    }

    #mainmenu > li{
        font-family: 'Fira sans';
        font-weight: 200;
    }

    #contactdetails{
        position:absolute;
        top:unset;
        bottom:0;
        width:100%;
        left:0;
        right:0;
        font-size:14px;
        font-weight:10px;
    }
}