biobulkbende.org/app/assets/scss/modules/_large-hero.scss
2020-09-17 17:21:49 +02:00

61 lines
853 B
SCSS

.large-hero {
border-bottom: 10px solid white;
text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
position: relative;
&__image{
display: block;
}
&__text-content {
padding-top: 88px;
position: absolute;
top: 50%;
left: 0px;
width: 100%;
transform: translateY(-50%);
text-align: center;
@include atMedium(){
padding-top: 60px;
}
}
&__title {
font-family: "CocogooseBold";
color: white;
font-size: 2.4rem;
margin: 0;
@include atSmall(){
font-size: 4.8rem;
}
}
&__subtitle {
font-family: "CocogooseNormal";
color: white;
font-size: 1.5rem;
margin: 0;
@include atSmall(){
font-size: 2.9rem;
}
}
&__description {
color: #FFF;
font-weight: 00;
font-size: 1.1rem;
max-width: 50rem;
margin-left: auto;
margin-right: auto;
@include atSmall(){
font-size: 1.875rem;
}
}
}