114 lines
1.8 KiB
SCSS
114 lines
1.8 KiB
SCSS
|
.hero-3 {
|
||
|
|
|
||
|
|
background-size: cover;
|
||
|
|
background-position: center center;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
position: relative;
|
||
|
|
//background-image:url("../img/demo/hero-3.jpg");
|
||
|
|
|
||
|
|
//height:100vh;
|
||
|
|
//min-height:960px;
|
||
|
|
/*
|
||
|
|
> .container > .row {
|
||
|
|
height:100vh;
|
||
|
|
min-height:800px;
|
||
|
|
}*/
|
||
|
|
|
||
|
|
|
||
|
|
.btn {
|
||
|
|
padding: 1rem 3rem;
|
||
|
|
margin: 0rem 1rem 1rem 0;
|
||
|
|
//border-radius: 30px;
|
||
|
|
//text-transform: uppercase;
|
||
|
|
//font-size: 16px;
|
||
|
|
//font-weight: 600;
|
||
|
|
//letter-spacing: .1rem;
|
||
|
|
box-shadow: rgba(var(--bs-body-color-rgb), 0.25) 0px 5px 15px -5px;
|
||
|
|
/*
|
||
|
|
&.btn-white {
|
||
|
|
background:rgba(var(--bs-white-rgb), 0.2);
|
||
|
|
color: var(--bs-light);
|
||
|
|
}
|
||
|
|
*/
|
||
|
|
&.btn-primary {
|
||
|
|
//background:#006cff;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
>.container, > .container-fluid {
|
||
|
|
position: relative;
|
||
|
|
z-index: 2;
|
||
|
|
|
||
|
|
> div {
|
||
|
|
position: relative;
|
||
|
|
height: 100%;
|
||
|
|
min-height:960px;
|
||
|
|
min-height:calc(100vh - 200px);
|
||
|
|
min-height:calc(max(100vh - 200px, 1080px));
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.heading {
|
||
|
|
//font-size: 60px;
|
||
|
|
font-weight: 700;
|
||
|
|
//color: var(--bs-light);
|
||
|
|
}
|
||
|
|
h1, h2, h3, h4, h5, h6 {
|
||
|
|
//font-size: 32px;
|
||
|
|
color: var(--bs-light);
|
||
|
|
}
|
||
|
|
|
||
|
|
h3 {
|
||
|
|
font-weight:normal;
|
||
|
|
}
|
||
|
|
.svg-wrapper {
|
||
|
|
position: absolute;
|
||
|
|
bottom: 0;
|
||
|
|
width: 100%;
|
||
|
|
left: 0;
|
||
|
|
z-index: 2;
|
||
|
|
}
|
||
|
|
|
||
|
|
.buttons {
|
||
|
|
margin-top:5rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
&.overlay {
|
||
|
|
position: relative;
|
||
|
|
|
||
|
|
&:before {
|
||
|
|
z-index: 1;
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
top: 0;
|
||
|
|
content: "";
|
||
|
|
//background: rgba(var(--bs-body-color-rgb), 0.6);
|
||
|
|
background: rgba(var(--bs-body-color-rgb), 0.6);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
*/
|
||
|
|
|
||
|
|
@media screen and (max-width: 767px) {
|
||
|
|
|
||
|
|
>.container, > .container-fluid {
|
||
|
|
|
||
|
|
> div {
|
||
|
|
position: relative;
|
||
|
|
height: 100%;
|
||
|
|
min-height:100vh;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn {
|
||
|
|
min-width: 300px;
|
||
|
|
//width: 90%;
|
||
|
|
margin:0 0 1rem 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|