/*
========================================

    promotions.css

========================================
*/

div.promo2024{
    min-height: 300px;
    background: #000;
    }
div.promo2024 .promo-header__inner{
    min-height: 300px;
    padding: 40px 0;
    position: relative;
    overflow: hidden;
    }
div.promo2024 .promo-header__inner p{
    color: #fff;
    font-weight: bold;
    z-index: 1;
    position: relative;
    margin: 0 0 20px 0;
    padding: 0;
    }
div.promo2024 .promo-header__inner p.tex1{ font-size: 60px; }
div.promo2024 .promo-header__inner p.tex2{ font-size: 24px; margin-bottom: 60px;}
div.promo2024 .promo-header__inner p.tex3{ font-size: 40px; }
div.promo2024 .promo-header__inner p.tex4{ font-size: 16px; }

div.promo2024 .promo-header__inner img{
    position: absolute;
    right: -5%;
    top: -5%;
    width: 65%;
    }
@media (max-width: 1024px) {

div.promo2024 .promo-header__inner{
    padding: 10px;
    }

}

@media (max-width: 768px) {

div.promo2024 .promo-header__inner img{
    width: 250px;
    bottom: -40px;
    top: auto;
    right: -25px;
    }
div.promo2024 .promo-header__inner p{
    overflow-wrap: break-word;
    }
div.promo2024 .promo-header__inner p.tex1{ font-size: 35px;margin-top: 30px; }
div.promo2024 .promo-header__inner p.tex2{ font-size: 14px; margin-bottom: 40px; width: 65%;}
div.promo2024 .promo-header__inner p.tex3{ font-size: 18px; margin-bottom: 10px;}
div.promo2024 .promo-header__inner p.tex4{ font-size: 11px;}

}