.main-text, .sub-text { font-style: normal; line-height: normal; font-weight: 700; } .main-text, footer { text-align: center; font-family: Lato, sans-serif; color: #fff; } .main-text, .sub-text, footer p { font-weight: 700; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: Lato, sans-serif; background-image: linear-gradient(rgb(0 0 0 / 0.6), rgb(0 0 0 / 0.6)), url(Shyft-landing-page-v2.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; height: 100vh; } .v-middle { position: absolute; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; } .container { width: 100%; height: 100%; } .main-text { font-size: 150px; } .sub-text { padding-top: 20px; color: #fff; text-align: center; font-family: Lato, sans-serif; font-size: 60px; } footer { padding-bottom: 48px; } footer p { font-size: 16px; } .link-text { color: #fff; text-decoration: none; } .flex { display: flex; flex-direction: column; align-items: center; height: 100vh; } .m-show { display: none; } @media only screen and (max-width: 768px) { .main-text { font-size: 110px; } .sub-text { font-size: 36px; } footer p { font-size: 10px; } footer { padding-bottom: 34px; } .m-show { display: block; } }