$screen-sm-min: 600px;
$screen-md-min: 960px;
$screen-lg-min: 1280px;
$screen-xl-min: 1920px;
$screen-xs-max: 599px;
$screen-sm-max: 959px;
$screen-md-max: 1279px;
$screen-lg-max: 1919px;
$screen-xl-max: 5000px;
$font-stack: Inter;
$regular: 400;
$medium: 500;
$semibold: 600;
$black-100: #000;
$white-100: #fff;
$white-50: #ffffff80;
$gray-200: #999;
.services-page-services-section-title {
@extend .font-semi-bold;
color: $gray-200;
}
.services-page-services-section-list-item {
@extend .font-semi-bold;
}
body {
font-family: $font-stack;
font-weight: $regular;
font-size: 20px;
line-height: 150%;
letter-spacing: -0.02rem;
color: $white-100;
h1 {
font-size: 72px;
line-height: 120%;
}
h2 {
font-size: 52px;
line-height: 120%;
@media screen and (max-width: #{$screen-sm-max}) {
font-size: 32px;
}
@media screen and (max-width: #{$screen-xs-max}) {
font-size: 20px;
}
}
h3 {
font-size: 32px;
line-height: 130%;
@media screen and (max-width: #{$screen-sm-max}) {
font-size: 24px;
}
@media screen and (max-width: #{$screen-xs-max}) {
font-size: 16px;
}
}
h4 {
font-size: 24px;
line-height: 130%;
}
.body-2 {
font-size: 16px;
}
.body-3 {
font-size: 14px;
}
}
.font-medium {
font-weight: $medium;
}
.font-semi-bold {
font-weight: $semibold;
}
.text-align-center {
text-align: center;
}.png)
.png)
Ceramic Pro
Ultimate Armor
.png)
.png)
Paint Protection Film
.png)
Ceramic Coating
.png)
Window Tint
.png)
Paint Correction
.png)
Auto Detailing