79 lines
1.0 KiB
SCSS
79 lines
1.0 KiB
SCSS
.hero-slice-container {
|
|
margin-bottom: 3rem;
|
|
|
|
.hero-copy {
|
|
font-size: 20px;
|
|
line-height: 32px;
|
|
font-weight: 400;
|
|
color: #110F24;
|
|
}
|
|
}
|
|
|
|
.consumer-brand {
|
|
.hero-slice-container {
|
|
.hero-title {
|
|
color: #110F24;
|
|
}
|
|
}
|
|
}
|
|
|
|
.business-brand {
|
|
.hero-slice-container {
|
|
.hero-title {
|
|
color: #110F24;
|
|
}
|
|
}
|
|
}
|
|
|
|
.tile-1 {
|
|
max-width: 500px;
|
|
}
|
|
|
|
.tile-2 {
|
|
right: 2%;
|
|
bottom: -6%;
|
|
width: 160px;
|
|
}
|
|
|
|
.tile-square {
|
|
max-width: 250px;
|
|
}
|
|
|
|
.pos {
|
|
margin-bottom: -85px;
|
|
}
|
|
|
|
.sonar-svg-3 {
|
|
display: none;
|
|
}
|
|
|
|
@include media-breakpoint-up(md) {
|
|
.sonar-svg-3 {
|
|
display: block;
|
|
position: absolute;
|
|
bottom: -42%;
|
|
right: -18%;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.pos {
|
|
margin-bottom: -175px;
|
|
}
|
|
|
|
.tile-2 {
|
|
width: 100%;
|
|
right: -2%;
|
|
}
|
|
|
|
.tile-2 img {
|
|
max-width: 325px;
|
|
width: 100%;
|
|
}
|
|
|
|
}
|
|
|
|
.sonar-svg {
|
|
bottom: -292px;
|
|
right: -200px;
|
|
overflow-x: hidden;
|
|
} |