Files
Globaly-CSS-Practice/style/_seventh-part.scss
2024-06-03 16:41:31 +02:00

64 lines
1.4 KiB
SCSS

.seventh-part {
min-height: 55vh;
background-image: url('/assets/images/image44.jpg');
background-size: cover;
position: relative;
color: white;
background-size: cover;
background-position: center;
.learn-more{
@include button;
background-color: transparent;
border: solid 2px white;
}
.learn-more:hover {
background-color: white;
color: #333333 !important;
transition: 0.2s;
}
.textbox7{
h3{
text-align: center;
font-style: normal;
font-weight: 300;
font-size: 37px;
line-height: 1.33333;
font-family: Merriweather;
letter-spacing: 0px;
word-wrap: break-word;
}
h2{
text-align: center;
font-style: normal;
font-weight: 700;
font-size: 45px;
line-height: 1.36957;
font-family: Merriweather, serif;
letter-spacing: 0px;
}
}
}
@media only screen and (min-width: 768px) {
.seventh-part{
min-height: 55vh !important;
.textbox7{
h3{
font-size: 37px !important;
padding: 0 50px !important;
}
h2{
padding: 0 100px !important;
font-size: 71px !important;
}
}
}
}