$heading-letter-spacing: 20px; .index-banner__container { width: 100%; display: flex; flex-direction: column; //background-color: #d1875a; background-color: #3c3c3c; background-color: #58181f; font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; min-height: 300px; } .index-banner { margin: auto; display: flex; flex-direction: column; } .index-banner__title { margin: auto; font-style: none; color: #fff; letter-spacing: $heading-letter-spacing; font-size: 3rem; font-weight: 400; } .index-banner__tagline { margin: auto; color: #fff; font-size: 1.4rem; } .index-banner__title-container { display: flex; } .index-banner__logo { width: 120px; margin: auto; border-radius: 20px; }