54 lines
976 B
SCSS

.promo {
&__section {
position: relative;
padding-top: 150px;
@media screen and (max-width: $lg) {
min-height: 460px;
}
@media screen and (min-width: $lg) and (max-width: $xl) {
min-height: 580px;
}
color: #fff;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
&::before {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
content: '';
background-color: rgba(24, 38, 54, 0.4);
}
}
&__container {
position: relative;
margin-bottom: 70px;
font-size: 1.5rem;
@media screen and (max-width: $lg) {
padding-top: 17.5vw;
}
@media screen and (min-width: $lg) and (max-width: $xl) {
padding-top: 10vw;
}
.promo-wrapper {
width: 50%;
@media screen and (max-width: $lg) {
width: 100%;
}
}
p {
margin-bottom: 0;
}
}
&__title {
&._large {
font-size: calc(1.525rem + 3.3vw);
@media (min-width: 1200px) {
font-size: 4rem;
}
}
}
}