/* ---- LAYOUT START ---- */
html
{
    scroll-behavior: smooth;
}
.footer-text
{
    font-size: .75rem;
}/*
header {
    height: 100px;
}
*/
header .logo
{
    height: 80px;
    max-width: 300px;
}
.main
{
    height: 600px;/*height: calc(100vh - 220px);*/
    min-height: 270px;
}
.main .hero-pretitle
{
    text-transform: uppercase;
}
.main .cta-button
{
    font-size: 1.5rem;
}
.main .cta-button:hover
{
    filter: brightness(1.05);
}
.background-body
{
    background-size: auto;
    background-repeat: no-repeat;
    background-position: top center;
}
.coupon-code
{
    border: 2px dashed;
    width: fit-content;
    color: #fff;
    background-color: #00000080;
}/*--MEDIA QUERIES---*/
@media only screen and (max-width: 767px)
{
    .background-body
    {
        background-size: auto 61%;
        background-repeat: no-repeat;
        background-position-x: 76%;
        background-position-y: top;
    }
    .coupon-code
    {
        margin: auto;
        font-size: .875rem;
    }
    .hero-pretitle
    {
        font-size: 1rem;
    }
    header .logo
    {
        height: 60px;
    }
}
@media only screen and (min-width: 1920px) and (max-width: 2440px)
{
    .background-body
    {
        background-size: 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-height: 361px) and (max-width: 767px)
{
    .main
    {
        height: calc(100vh - 150px);
    }
}/*--END MEDIA QUERIES---*//* ---- LAYOUT END ---- */