header{
    /* background-color: red; */
    height: 120px;
}
.links{
    display: flex;
    justify-content:space-between;
    align-items: center;
}

header a{
    color: #757783;
    text-decoration: none;
    padding: 10px;
}

header a:hover{
    border-bottom: 3px solid #E8604C;
    text-decoration: none;
    color: #757783;
}
.menu{
    display: none;
}



@media (max-width:1000px){
     header a{

     }
    .links{
        position: absolute;
        width: 250px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        left: -500px;
        background-color: white;
        /* padding: 10px; */
        transition: left 1s ease;
        border-right: 2px solid rgb(67, 67, 67);
        padding-top: 30px;
        z-index: 1000;
        
    }
    header a{
        /* border-bottom: 1px solid rgb(67, 67, 67); */
        margin-bottom: 10px;
        width: 100%;
    }

    .show-menu{
        left: -65px !important;
        z-index: 1000000 !important;
        min-height: 100vh !important;
    }
    .header{
        margin:0 !important;
        max-width: 100vw;
    }

    .menu{
        display: block;
    }
    
    
}