body, body *{
    font-family: "Raleway";
    margin:0;
}
body{
    overflow-x: hidden;
}
header{
    box-sizing:border-box;
}

header #logo{
    height:40px;
}

header .header_link:hover{
    transform:scale(1.2);
    display:inline-block;
}

@media screen and (min-width:1080px){
    .mobile{
        display:none;
    }
}

@media screen and (max-width:1079px){
    main{
        overflow-x:hidden;
    }
    #mobile-menu_logo{
        width:20px;
        height:20px;
        cursor:pointer;
    }
    header{
        flex-direction: row !important;
        justify-content: space-between;
    }
    header .close_container{
        padding:15px 15px 0 0;
    }
    header .close_container span{
        cursor:pointer;
    }
    .header-links_container{
        position:fixed;
        top:0;
        right:-100%;
        width:100%;
        height:100vh;
        z-index: 1000;
        transition:right 500ms;
    }
    .header-links_container > div{
        width:65%;
        min-width:250px;
        height:100%;
        position:absolute;
        right:0;
        background-color:#000000e8;
    }
    .header-links_container .header_link{
        display:block;
        margin:4vh 10px;
    }
    header .header_link:hover{
        display:block;
        transform: scale(1) !important;
        transform: unset;
    }
    .header-links_container .menu_title{
        font-weight:bold;
        font-size:20px;
        margin:2vh 10px;
        color:#fff;
        padding:0 2vw;
    }
    .header-links_container .close_container{
        color:white;
        text-align:right;
    }
    .header-links_container[data-display="show"]{
        right:0;
    }
    .header-links_container[data-display="hide"]{
        right:-100%;
    }
    .desktop{
        display: none !important;
    }
}