.hero-subtitle,.hero-title{transition:color .3s,transform .3s;cursor:default;font-family:"Crete Round";letter-spacing:3px}.hero-title{font-size:3em;font-weight:700;text-transform:capitalize;animation:.6s .2s forwards fadeInUp}.hero-subtitle,.hero-title:hover,.promo-button{text-transform:uppercase}.hero-title:hover{color:#00d0ff}.hero-subtitle{font-size:1.8em;animation:.6s .4s forwards fadeInUp}.hero-subtitle:hover{color:#fc0}.promo-box{padding:10px 20px;width:50%;background-color:rgba(255,255,255,.6);border-radius:8px;margin-top:20px;font-size:1.2rem;color:#000;animation:1s forwards slideInUp}.promo-button{margin-top:10px;margin-left:20px;padding:12px 20px;width:50%;background-color:#ef2626;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.promo-button:hover{background-color:#f93d34}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@media (max-width:600px){.hero-title{font-size:2em}.hero-subtitle{font-size:1.2em}.promo-box{width:80%;font-size:1rem;padding:8px 16px}.promo-button{width:100%;padding:10px 16px;font-size:1rem;margin-left:0}}@media (min-width:601px) and (max-width:992px){.hero-title{font-size:2.5em}.hero-subtitle{font-size:1.5em}.promo-box{width:70%;font-size:1.1rem;padding:10px 18px}.promo-button{width:60%;padding:12px 18px}}@media (min-width:993px){.hero-title{font-size:3em}.hero-subtitle{font-size:1.8em}.promo-box{width:50%;font-size:1.2rem;padding:10px 20px}.promo-button{width:50%;padding:12px 20px}}