datamad2017/_sass/partials/_hero.scss

42 lines
No EOL
820 B
SCSS

.top-section-hero {
width: 100%;
height: 100%;
padding-top: 0;
.jumbotron {
position: relative;
top: 50%;
left: 0;
transform: translateY(-50%);
@media (max-width: 767px) {
margin: 0;
padding: 0;
}
p {
font-size: $base-font-size * 2;
font-weight: $light;
margin-bottom: 15px;
}
.btn {
margin: 0 3px;
}
}
}
.explore {
margin-left: -12px;
position: absolute;
bottom: 50px;
left: 50%;
transition: $base-transition;
@media (max-width: 767px) {
bottom: 30px;
}
}
.icon-arrow-down {
width: 32px;
height: 32px;
fill: #e6e6e6;
@media (max-width: 767px) {
width: 24px;
height: 24px;
}
}