/* ==========================================================================
   Home - hero
   ========================================================================== */

/* hero home */

.hero-home{display:block;margin:0 auto;max-width:1240px;position:relative}
.hero-home-txt-1{color:var(--contrast);font:40px/120% var(--gp-font--gatore);position:relative;z-index:1}
.hero-home-txt-2{color:var(--contrast);font:40px/120% var(--gp-font--gatore);position:relative;text-align:right;z-index:1}
.hero-home-txt-1 span{background:var(--contrast);background:linear-gradient(to left, var(--contrast) 0%, var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent} /* text gradient */
.hero-home-txt-2 span{background:var(--contrast);background:linear-gradient(to right, var(--contrast) 0%, var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent} /* text gradient */


@media (width < 768px) {
    .hero-home{margin:0 0 0 15px}
    .hero-home-txt-1{font-size:15vw}
    .hero-home-txt-1 span{background:var(--contrast);background:linear-gradient(to bottom, var(--contrast) 0%, var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent} /* text gradient */
    .hero-home-txt-2{font-size:15vw;margin:-30% 15px 0 0}
    .hero-home-txt-2 span{background:var(--contrast);background:linear-gradient(to top, var(--contrast) 0%, var(--accent) 100%);display:block;-webkit-background-clip:text;-webkit-text-fill-color:transparent} /* text gradient */

}

@media (width >= 768px) and (width <=1200px ) {
    .hero-home{padding-right:10%}
    .hero-home-txt-1{font-size:7.5vw;margin:0 0 0 15%}
    .hero-home-txt-2{align-items:center;bottom:0;display:flex;font-size:7.5vw;position:absolute;right:40px;top:0;width:55%}
}

@media (width > 1200px) {
    .hero-home{padding-right:75px}
    .hero-home-txt-1{font-size:90px;margin:0 0 0 10%}
    .hero-home-txt-2{align-items:center;bottom:0;display:flex;font-size:90px;position:absolute;right:0;top:0;width:52.5%}
}