90s Capsule

About

/* Base: Mobile shows, others hidden */ .hero-banner-second-font-option .desktop, .hero-banner-second-font-option .tablet { display: none; } .hero-banner-second-font-option a:visited { color: unset; text-decoration: unset; position: unset; -webkit-transition: unset; -moz-transition: unset; -o-transition: unset; -ms-transition: unset; transition: unset; } /*Desktop*/ .hero-banner-second-font-option .desktop .tier-info { width: 100%; max-width: 1330px; } .hero-banner-second-font-option .desktop h1 { max-width: 500px; font-family: "tradegothicbold"; font-weight: normal; color: #fff; font-size: 64px; line-height: 60px; } .hero-banner-second-font-option .desktop p { font-family: Roboto; color: #fff; font-size: 20px; } .hero-banner-second-font-option .desktop .tier-btn { font-family: "tradegothicbold"; font-weight: normal; color: black; background: #fff; width: 268px; height: 46px; font-size: 20px; line-height: 24px; } /*tablet*/ .hero-banner-second-font-option .tablet .tier-info { width: 100%; max-width: 1330px; } .hero-banner-second-font-option .tablet h1 { max-width: 500px; font-family: "tradegothicbold"; font-weight: normal; color: #fff; font-size: 48px; line-height: 47.76px; } .hero-banner-second-font-option .tablet p { max-width: 265px !important; font-family: Roboto; color: #fff; font-size: 14px; max-width: 450px; } .hero-banner-second-font-option .tablet .tier-btn { font-family: "tradegothicbold"; font-weight: normal; color: #000; background: #fff; width: 268px; height: 46px; font-size: 20px; line-height: 24px; } /*Mobile - Base styles (320px and up)*/ .hero-banner-second-font-option .mobile { position: relative; min-height: 500px; } .hero-banner-second-font-option .mobile > div:first-child { position: relative; min-height: 500px; } .hero-banner-second-font-option .mobile .tier-info h4 { font-family: tradegothicbold; font-weight: normal; font-size: 17px; line-height: normal; color: #fff; } .hero-banner-second-font-option .mobile h1 { font-family: "tradegothicbold"