.jumbotron {
position: relative; overflow: hidden; padding: 0 0 36%; margin-bottom: 0; border-radius: 0; @include media-breakpoint-down(lg) { padding: 0 0 45%; } @include media-breakpoint-down(md) { padding: 0 0 55%; } @include media-breakpoint-down(sm) { padding: 0 0 80%; } &:after { content: ""; opacity: 0.7; background-image: linear-gradient(to bottom, rgba(0, 35, 75, 0), $navy); position: absolute; left: 0; right: 0; top: 70%; bottom: 0; } .btn { margin-top: 0.25rem; } h1, h2, h3, h4, h5, h6, p { color: theme-color("secondary"); } p { max-width: 310px; } h1 { margin-bottom: 30px; } .jumbotron-body.text-center { p { max-width: 100%; } }
}
.jumbotron-image {
position: absolute; min-width: 100%; min-height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);
}
.jumbotron-body {
position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); z-index: 10;
}
.jumbotron-thin {
padding: 0 0 18%; @include media-breakpoint-down(lg) { padding: 0 0 23%; } @include media-breakpoint-down(md) { padding: 0 0 29%; } @include media-breakpoint-down(sm) { padding: 0 0 40%; } h1 { margin-bottom: 0; }
}