/* ==========================================
   LOGO
========================================== */

.header-logo-area{
    display:flex;
    align-items:center;
    flex-shrink:0;
}

.header-logo-link{
    display:flex;
    align-items:center;
    text-decoration:none;
}

.header-logo-img{
    display:block;
    height:42px;
    width:auto;
    object-fit:contain;
    transition:0.2s ease;
}

.header-logo-img:hover{
    opacity:0.9;
}

.logo-error{
    color:#ff5d5d;
    font-size:14px;
    font-weight:600;
}

/* ==========================
   TABLET
========================== */

@media (max-width: 768px){

    .header-logo-img{
        height:36px;
    }

}

/* ==========================
   MOBILE
========================== */

@media (max-width: 576px){

    .header-logo-area{
        justify-content:center;
        width:100%;
    }

    .header-logo-img{
        height:34px;
    }

}