Sites-Camelia/branches/divan-dit-vent/scss/_slider.scss

70 lines
1.8 KiB
SCSS
Raw Normal View History

2021-06-19 20:20:40 +00:00
.slider_bg_1{
background-image: url(../img/banner/banner.png);
}
.slider_bg_2{
background-image: url(../img/banner/banner2.png);
}
.slider_area{
.single_slider{
height: 900px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
@media #{$mobile_device} {
height: 100vh;
}
.slider_text{
h3{
color: #FFF;
font-family: $font1;
font-size: 120px;
text-transform: uppercase;
font-weight: 600;
span{
font-weight: 700;
}
@media #{$mobile_device} {
margin-top: 45px;
}
@media #{$mobile_device} {
font-size: 30px;
// letter-spacing: 3px;
line-height: 35px;
}
@media #{$tablet_device} {
font-size: 70px;
}
@media #{$mid_device} {
font-size: 100px;
letter-spacing: 3px;
}
}
p{
font-size: 20px;
font-weight: 400;
color: #D5D5D5;
margin-bottom: 24px;
margin-top: 10px;
@media #{$mid_device} {
font-size: 16px;
}
@media #{$mobile_device} {
font-size: 16px;
}
}
.video_service_btn> a{
margin-right: 15px;
@media #{$mobile_device} {
margin-bottom: 20px;
}
}
}
}
.music_wrap{
position: absolute;
left: 0;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
}