.slider-header{ width : 100%; justify-content: flex-end; &__right{ width: 60%; height: 100%; & img{ } } &__left{ width: 40%; height: 100%; justify-content : center; align-items: flex-end; padding-left: 70px; h1{ font-size: calc(100vw / 55); color: white; font-family: numeralBold; letter-spacing: -1px; } h2{ margin-top: 5px; font-size: calc(100vw / 78); color: white; font-family: numeralBold; } a{ text-decoration: none; color: white; margin-top: 10px; font-size: calc(100vw / 90); padding: 6px 10px; border : 1px solid white; border-radius: 5px; font-family: numeralMedium; &:hover{ color: white; } } } } .mobile-slider-header{ width : 100%; justify-content: flex-end; &__right{ width: 50%; height: 100%; justify-content : center; align-items: center; & img{ position: relative; width: 200%; height: 110%; right: 40px; bottom: 10px; } } &__left{ width: 50%; height: 100%; justify-content : center; align-items: flex-end; padding-left: 30px; h1{ font-size: calc(100vw / 37); color: white; font-family: numeralBold; } h2{ margin-top: 5px; font-size: calc(100vw / 48); color: white; font-family: numeralBold; } a{ text-decoration: none; color: white; margin-top: 10px; font-size: calc(100vw / 55); padding: 6px 10px; border : 1px solid white; border-radius: 5px; font-family: numeralMedium; &:hover{ color: white; } } } }