.hero .text-h1{ font-size: clamp(2rem, calc(2rem + 2 * ((100vw - 23.4375rem) / 66.5625)), 3.75rem); line-height: clamp(2.28rem, calc(2.28rem + 1.72 * ((100vw - 23.4375rem) / 66.5625)), 3.75rem); }
.hero-image .col{ position:relative; }
.hero-image .col .item{ background-position:center center; background-repeat:no-repeat; background-size:cover; }
.hero-image .col .screen{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }

/**************
 * Responsive *
 **************/
@media only screen and (min-width:1600px) and (max-width:2560px) {

}
/* 1025 - 1280 */
@media only screen and (min-width:1025px) and (max-width:1280px) {
}
/* iPad [all] 768 - 1024 [portrait&landscape] */
@media only screen and (min-width:768px) and (max-width:1024px) {
}

 /* 320 - 767 */
@media only screen and (min-width:320px) and (max-width:767px) {
.hero{ margin-top:2.5rem; gap:2rem; }
.hero .text-xl{ font-size:1.125rem; margin-top:1.25rem; }
.hero .cta{ margin-top:1.375rem;  }
.hero .cta .btn:first-child{ margin-bottom:0.75rem; }
}