/* Mobile */

.mobile-header{
display:flex;
}

.desktop-header{
display:none;
}

/* Desktop */

@media (min-width:768px){

.mobile-header{
    display:none;
}

.desktop-header{
    display:block;
    background:#fff;
    border-bottom:1px solid #eee;
}

.desktop-container{

    max-width:1400px;

    margin:auto;

    height:95px;

    display:grid;

    grid-template-columns:1fr auto 1fr;

    align-items:center;

    padding:0 40px;

}

.desktop-left{

    display:flex;

    align-items:center;

    gap:30px;

}

.desktop-right{

    display:flex;

    justify-content:flex-end;

    align-items:center;

    gap:30px;

}

.desktop-logo{

    text-align:center;

}

.desktop-logo a{

    font-size:52px;

    font-weight:800;

    letter-spacing:8px;

}

.desktop-left a,
.desktop-right a{

    font-size:15px;

    font-weight:500;

    letter-spacing:1px;

}

.desktop-left i,
.desktop-right i{

    font-size:24px;

}

}