/* Title */
.header-title {
    width: 100%;
    font-family: 'Tangerine-Bold';
    color: #000;
    font-weight: bold;
    margin-bottom: 0;
}
.header-title-desktop {
    text-align: center;
    font-size: 4rem;
}
.header-title-mobile {
    text-align: center;
    font-size: 3.2rem;
    margin-top: 8px;
}

/* Button */
.header-btn {
    font-size: 1rem !important;
    width: 40px !important;
    height: 40px !important;
}

/* Button - Home */
.btn-header-desktop-home {
    margin-top: 16px;
    margin-left: 15px;
}

/* Button - Mobile menu */
.btn-header-mobile-menu {
    position: fixed;
    right: 28px;
    top: 15px;
}
.header-dropdown-gl {
    background: #000;
    text-align: left;
    margin-bottom: 25px;
    margin-left: -100px;
}
.header-dropdown-btn-gl {
    color: #fff;
    padding-left: 45% !important;
    border: 1px solid #fff;
}
.header-button-icon {
    width: 100% !important;
}
.header-menu-icon {
    width: 20px;
}
.header-dropdown-btn-gl-trans {
    padding-left: 35% !important;
}
.header-dropdown-btn-gl-trans:hover {
    background: #000;
}
.translation-mobile-item {

}
.translation-mobile-item-flag {
    width: 40px;
}

/* Translation - Button */
.btn-header-translation {
    position: fixed;
    right: 28px;
    top: 15px;
}
.btn-flag-rounded {
    width: 22px;
    border: 1px solid #ebedf2;
    border-radius: 50%;
}

/* Translation - Dropdown */
.dropdown-header-translation {
    background: #000;
    border: 1px solid #fff !important;
    position: fixed;
    right: 80px;
}
.dropdown-header-translation-flag {
    width: 40px !important;
}
.dropdown-header-translation-iso {
    color: #fff;
}
.dropdown-header-translation-item:hover > .dropdown-header-translation-flag {
    border: 1px solid #000 !important;
}
.dropdown-header-translation-item:hover > .dropdown-header-translation-iso {
    color: #000;
}

/* Responsive - Desktop */
@media (min-width: 768px) {
    /* Title */
    .header-title-desktop {
        display: block;
    }
    .header-title-mobile {
        display: none;
    }

    /* Right buttons */
    .btn-header-translation {
        display: block;
    }
    .btn-header-mobile-menu {
        display: none;
    }
}

/* Responsive - Mobile */
@media (max-width: 767px) {
    /* Title */
    .header-title-desktop {
        display: none;
    }
    .header-title-mobile {
        display: block;
    }

    /* Right buttons */
    .btn-header-translation {
        display: none;
    }
    .btn-header-mobile-menu {
        display: block;
    }
}
