.header__slogan {
    position: absolute;
    color: #c6a57f;
    right: 0;
    top: 50%;
    font-size: 1.6rem;
    line-height: 2rem;
    transform: translateY(-50%);
    text-align: right;
    max-width: 80%;
    font-weight: 900;

}

.header-logo img {
    margin-bottom: -8px;
    margin-top: -8px;
}

/* 1024 px - Laptop */
@media screen and (max-width: 1023px) {
    .slider-content {
        padding: .7rem 0;
    }

    .header__slogan {
        max-width: 66%;
    }
}

/* 768 px - Tablet */
@media screen and (max-width: 767px) {

}

/* 568 px - Tablet */
@media screen and (max-width: 567px) {
    .header__slogan {
        display: none;
    }

    .main-nav.container {
        justify-content: center;
    }
}