/* ******************* headline ***************** */

.headline {
    background-color: #1d1d1d;
    padding: 10px 20px;
}


.headline a {
    color: white;
    font-size: 14px;
}

.headline a:hover {
    color: var(--bg-red);
}

.headline a i {
    color: var(--bg-red);
    font-size: 18px;
}

.headline-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin-inline: auto;
}

.headline-content .right {
    display: flex;
    gap: 20px;
}

@media screen and (max-width:576px) {
    .headline a {
        font-size: 13px;
    }
}

@media screen and (max-width:400px) {
    .headline a {
        font-size: 11px;
    }
}