/* ===========================
   HEADER
=========================== */

.site-header{

    position:relative;

    height:88px;

    z-index:1000;

}

.header-inner{

    width:min(1400px,92%);

    height:100%;

    margin:auto;

    display:flex;

    justify-content:space-between;

    align-items:center;

}

.site-logo{

    color:#ffffff;

    text-decoration:none;

    font-size:2rem;

    font-weight:800;

}

.main-navigation{

    display:flex;

    align-items:center;

}

.main-navigation ul{

    display:flex;

    list-style:none;

    gap:2rem;

    align-items:center;

}

.main-navigation a{

    color:#ffffff;

    text-decoration:none;

    font-weight:600;

    transition:opacity .2s ease;

}

.main-navigation a:hover{

    opacity:.8;

}

.hamburger{

    display:none;

    background:none;

    border:0;

    cursor:pointer;

    padding:8px;

}

.hamburger span{

    display:block;

    width:28px;

    height:3px;

    margin:5px 0;

    background:#ffffff;

    border-radius:3px;

}