64 lines
1.3 KiB
SCSS
Vendored
64 lines
1.3 KiB
SCSS
Vendored
.steps {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
|
|
& > div {
|
|
position: relative;
|
|
margin: 0 2vw;
|
|
|
|
.roundLogo {
|
|
z-index: 1;
|
|
position: relative;
|
|
}
|
|
|
|
&:first-child > h2:before {
|
|
content:'1 - ';
|
|
}
|
|
&:nth-child(2) > h2:before {
|
|
content:'2 - ';
|
|
}
|
|
&:nth-child(3) > h2:before {
|
|
content:'3 - ';
|
|
}
|
|
|
|
& > h2 {
|
|
text-align: center;
|
|
font-family: Calibri;
|
|
font-weight: 700;
|
|
color: $buttonColor;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
& > div {
|
|
font-family: Calibri;
|
|
font-weight: 700;
|
|
color: $buttonColor;
|
|
width: 12rem;
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
|
|
@include max-width($tablet) {
|
|
flex-direction: column;
|
|
|
|
.blueArrow {
|
|
display: none;
|
|
}
|
|
|
|
& > div {
|
|
& > div:first-of-type {
|
|
margin-bottom: 2rem;
|
|
}
|
|
}
|
|
}
|
|
|
|
@include max-width($mobile) {
|
|
.bigButton {
|
|
position: absolute;
|
|
margin-top: -5rem;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
}
|
|
}
|