Files
Globaly-CSS-Practice/style/about_us/_second-part-au.scss
2024-06-24 07:52:54 +02:00

110 lines
2.1 KiB
SCSS
Executable File

.second-part-au {
padding: 0 15px;
.headline {
.headline-h3 {
font-style: normal;
font-weight: 300;
font-size: 26px;
line-height: 1.33333;
font-family: Merriweather, serif;
letter-spacing: 0px;
color: #31353d;
margin-bottom: 0px;
}
.headline-h2 {
color: #15c1cb;
font-style: normal;
font-weight: 700;
font-size: 29px;
line-height: 1.36957;
font-family: Merriweather, serif;
letter-spacing: 0px;
margin-bottom: 0px;
}
}
.text-box {
border: 1px solid #ebebeb;
padding: 24px 15px 8px 15px;
margin-bottom: 30px;
}
.second-h2 {
text-align: center;
border-bottom: 1px solid #e0e0e8;
padding: 5px 0 19px 0;
font-size: 21px;
font-weight: 400;
font-family: Merriweather;
color: #31353d;
letter-spacing: 0px;
line-height: 1.5;
}
.second-p-1 {
padding-top: 17px;
margin-bottom: 16px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 1.4375;
font-family: MerriweatherSans, serif;
letter-spacing: 0px;
text-align: left;
color: #777777;
text-align: center;
}
.second-img {
margin-bottom: 10px;
}
}
@media only screen and (min-width:768px) {
.second-part-au{
padding: 0;
margin: 0 52px;
.text-box{
padding: 24px 15px 8px 15px;
}
}
}
@media only screen and (min-width:992px) {
.second-part-au {
.text-box{
padding: 24px 20px 8px 20px;
}
.img-num{
margin-bottom: 18px;
}
.headline {
.headline-h3 {
font-size: 36px;
}
.headline-h2 {
font-size: 48px;
}
}
.second-h2{
width: 100% !important;
}
.text-box-div{
padding: 0 30px !important;
}
}
}