fix: update style add rem
This commit is contained in:
@@ -13,18 +13,18 @@
|
||||
gap: rem(20px);
|
||||
|
||||
@include iftablet {
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
max-width: rem(1540px);
|
||||
padding: 0 28px;
|
||||
padding: 0 rem(28px);
|
||||
height: rem(100px);
|
||||
gap: rem(20px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
padding: 0 40px;
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
|
||||
.Logotype {
|
||||
|
||||
@@ -2,10 +2,10 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
gap: rem(4px);
|
||||
|
||||
@include ifdesktop {
|
||||
gap: 8px;
|
||||
gap: rem(8px);
|
||||
}
|
||||
|
||||
.Button {
|
||||
@@ -13,28 +13,28 @@
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
padding: 6px 10px;
|
||||
border-radius: 28px;
|
||||
gap: rem(4px);
|
||||
padding: rem(6px) rem(10px);
|
||||
border-radius: rem(28px);
|
||||
background: #58c644;
|
||||
background: -webkit-gradient(linear, left top, right top, from(#58c644), to(#009283));
|
||||
background: linear-gradient(to right, #58c644 0%, #009283 100%);
|
||||
|
||||
@include ifdesktop {
|
||||
gap: 8px;
|
||||
padding: 10px 20px;
|
||||
gap: rem(8px);
|
||||
padding: rem(10px) rem(20px);
|
||||
}
|
||||
}
|
||||
|
||||
.Phone {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
font-size: rem(14px);
|
||||
line-height: 100%;
|
||||
color: $color-white;
|
||||
|
||||
@include ifdesktop {
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,10 +3,10 @@
|
||||
width: 100%;
|
||||
border-radius: rem(16px);
|
||||
padding: rem(30px) rem(20px);
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: rem(20px);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
max-width: 460px;
|
||||
max-width: rem(460px);
|
||||
align-self: center;
|
||||
|
||||
@include iftablet{
|
||||
@@ -19,26 +19,22 @@
|
||||
.Title {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 500;
|
||||
font-size: 20px;
|
||||
font-size: rem(20px);
|
||||
line-height: 130%;
|
||||
color: $color-white;
|
||||
align-self: center;
|
||||
margin-bottom: 30px;
|
||||
margin-bottom: rem(30px);
|
||||
}
|
||||
|
||||
.Form {
|
||||
display: grid;
|
||||
grid-template-rows: repeat(3, 1fr);
|
||||
grid-template-columns: auto;
|
||||
gap: 10px;
|
||||
gap: rem(10px);
|
||||
|
||||
@include iftablet{
|
||||
display: grid;
|
||||
grid-template-rows: auto;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
@include iflaptop{
|
||||
}
|
||||
@include ifdesktop{
|
||||
}
|
||||
}
|
||||
@@ -5,10 +5,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.Text {
|
||||
@@ -17,27 +17,27 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.Container {
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 20px;
|
||||
gap: rem(20px);
|
||||
|
||||
@include iftablet{
|
||||
grid-template-columns: auto 200px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto rem(200px);
|
||||
gap: rem(40px);
|
||||
}
|
||||
|
||||
@include iflaptop{
|
||||
grid-template-columns: auto 200px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto rem(200px);
|
||||
gap: rem(40px);
|
||||
}
|
||||
|
||||
@include ifdesktop{
|
||||
grid-template-columns: auto 200px;
|
||||
gap: 100px;
|
||||
grid-template-columns: auto rem(200px);
|
||||
gap: rem(100px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -52,18 +52,15 @@
|
||||
align-items: center;
|
||||
|
||||
.Image {
|
||||
margin-bottom: 16px;
|
||||
width: 100px;
|
||||
margin-bottom: rem(16px);
|
||||
width: rem(100px);
|
||||
height: auto;
|
||||
|
||||
@include iftablet{
|
||||
width: 120px;
|
||||
height: auto;
|
||||
}
|
||||
@include iflaptop{
|
||||
width: 120px;
|
||||
width: rem(120px);
|
||||
height: auto;
|
||||
}
|
||||
|
||||
@include ifdesktop{
|
||||
width: 150px;
|
||||
height: auto;
|
||||
@@ -73,7 +70,7 @@
|
||||
.Description {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-green;
|
||||
text-transform: uppercase;
|
||||
@@ -86,27 +83,27 @@
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
gap: rem(16px);
|
||||
|
||||
.Title {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 400;
|
||||
font-size: 20px;
|
||||
font-size: rem(20px);
|
||||
line-height: 100%;
|
||||
color: $color-text;
|
||||
}
|
||||
|
||||
.Btn {
|
||||
border-width: 1px 1px 1px 1px;
|
||||
border-width: rem(1px);
|
||||
border-color: $color-green;
|
||||
border-radius: 15px 15px 15px 15px;
|
||||
border-radius: rem(15px);
|
||||
box-shadow: 2px 2px 5px 0px $color-green;
|
||||
}
|
||||
|
||||
.Description {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 14px;
|
||||
font-size: rem(14px);
|
||||
line-height: 100%;
|
||||
color: $color-text;
|
||||
}
|
||||
|
||||
@@ -5,10 +5,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.Text {
|
||||
@@ -17,13 +17,13 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.Container {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
gap: 20px 0;
|
||||
gap: rem(20px) 0;
|
||||
background: $color-green;
|
||||
padding: rem(20px);
|
||||
border-radius: rem(16px);
|
||||
@@ -32,15 +32,14 @@
|
||||
@include iftablet{
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
grid-template-rows: auto auto;
|
||||
gap: 20px 0;
|
||||
gap: rem(20px) 0;
|
||||
}
|
||||
|
||||
@include iflaptop{
|
||||
grid-template-columns: repeat(7, 1fr);
|
||||
grid-template-rows: auto;
|
||||
justify-content: center;
|
||||
}
|
||||
@include ifdesktop{
|
||||
}
|
||||
|
||||
.Block {
|
||||
display: flex;
|
||||
@@ -74,20 +73,20 @@
|
||||
|
||||
.Image {
|
||||
width: auto;
|
||||
height: 150px;
|
||||
height: rem(150px);
|
||||
|
||||
@include iftablet{
|
||||
width: auto;
|
||||
height: 120px;
|
||||
height: rem(120px);
|
||||
}
|
||||
|
||||
@include iflaptop{
|
||||
width: auto;
|
||||
height: 80px;
|
||||
height: rem(80px);
|
||||
}
|
||||
@include ifdesktop{
|
||||
width: auto;
|
||||
height: 140px;
|
||||
height: rem(140px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -6,18 +6,18 @@
|
||||
.Top {
|
||||
margin: 0 auto;
|
||||
max-width: rem(1540px);
|
||||
padding: 0 10px;
|
||||
padding: 0 rem(10px);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
@include iftablet {
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
padding: 0 rem(28px);
|
||||
}
|
||||
@include ifdesktop {
|
||||
padding: 0 40px;
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
|
||||
.Icons {
|
||||
|
||||
@@ -5,26 +5,26 @@
|
||||
grid-template-columns: auto;
|
||||
grid-template-rows: auto auto;
|
||||
justify-content: center;
|
||||
gap: 10px;
|
||||
padding: 0 10px;
|
||||
gap: rem(10px);
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet{
|
||||
grid-template-columns: auto 200px;
|
||||
grid-template-columns: auto rem(200px);
|
||||
grid-template-rows: auto;
|
||||
justify-content: unset;
|
||||
gap: 20px;
|
||||
padding: 0 20px;
|
||||
gap: rem(20px);
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop{
|
||||
grid-template-columns: auto 300px;
|
||||
gap: 40px;
|
||||
padding: 0 28px;
|
||||
grid-template-columns: auto rem(300px);
|
||||
gap: rem(40px);
|
||||
padding: 0 rem(28px);
|
||||
}
|
||||
@include ifdesktop{
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -97,7 +97,7 @@
|
||||
margin: rem(20px) 0;
|
||||
padding: rem(20px);
|
||||
border-radius: rem(20px);
|
||||
max-width: 460px;
|
||||
max-width: rem(460px);
|
||||
|
||||
@include iftablet{
|
||||
margin: rem(10px) 0;
|
||||
|
||||
@@ -5,10 +5,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.Text {
|
||||
@@ -17,21 +17,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
|
||||
@@ -9,8 +9,8 @@
|
||||
display: flex;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
min-height: 15px;
|
||||
mask-size: 20px 100%;
|
||||
min-height: rem(15px);
|
||||
mask-size: rem(20px) 100%;
|
||||
mask-repeat: repeat-x;
|
||||
background-color: $color-green;
|
||||
mask-image: url(/svg/rotated-lines.svg);
|
||||
|
||||
@@ -5,20 +5,22 @@
|
||||
display: grid;
|
||||
grid-template-columns: auto auto;
|
||||
gap: 0;
|
||||
padding: 0 10px;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
grid-template-columns: auto 240px;
|
||||
gap: 40px;
|
||||
padding: 0 28px;
|
||||
grid-template-columns: auto rem(240px);
|
||||
gap: rem(40px);
|
||||
padding: 0 rem(28px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
|
||||
.Block {
|
||||
@@ -39,10 +41,10 @@
|
||||
.Title {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text-light;
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: rem(20px);
|
||||
}
|
||||
|
||||
.Image {
|
||||
@@ -50,7 +52,7 @@
|
||||
height: auto;
|
||||
|
||||
@include ifdesktop{
|
||||
max-width: 260px;
|
||||
max-width: rem(260px);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -59,17 +61,17 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.Grid {
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 16px;
|
||||
margin-bottom: 20px;
|
||||
gap: rem(16px);
|
||||
margin-bottom: rem(20px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto auto;
|
||||
@@ -78,16 +80,16 @@
|
||||
.Title {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 500;
|
||||
font-size: 20px;
|
||||
font-size: rem(20px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.Description {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
}
|
||||
|
||||
@@ -78,7 +78,7 @@
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
gap: rem(4px);
|
||||
list-style-type: disc;
|
||||
margin-left: rem(40px);
|
||||
}
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
.Slider {
|
||||
display: block;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
|
||||
.Slide {
|
||||
display: flex;
|
||||
@@ -8,7 +8,7 @@
|
||||
align-items: center;
|
||||
|
||||
.Image {
|
||||
width: 200px;
|
||||
width: rem(200px);
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -63,10 +63,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 400;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-top: 10px;
|
||||
margin-top: rem(10px);
|
||||
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
@@ -76,10 +76,10 @@
|
||||
.Text {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 10px;
|
||||
margin-bottom: rem(10px);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -3,23 +3,23 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 10px;
|
||||
padding: 10px;
|
||||
gap: rem(10px);
|
||||
padding: rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
justify-items: center;
|
||||
gap: 20px;
|
||||
padding: 20px;
|
||||
gap: rem(20px);
|
||||
padding: rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 28px;
|
||||
padding: rem(28px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
padding: 40px;
|
||||
gap: 40px;
|
||||
padding: rem(40px);
|
||||
gap: rem(40px);
|
||||
}
|
||||
|
||||
.Contact {
|
||||
@@ -28,7 +28,11 @@
|
||||
width: 100%;
|
||||
|
||||
@include iftablet {
|
||||
max-width: 420px;
|
||||
max-width: rem(420px);
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -37,18 +41,18 @@
|
||||
grid-template-columns: 1fr 1fr;
|
||||
justify-items: center;
|
||||
align-items: center;
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: rem(20px);
|
||||
|
||||
.Info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
gap: rem(12px);
|
||||
|
||||
.Text {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 100%;
|
||||
color: $color-text;
|
||||
|
||||
@@ -74,16 +78,16 @@
|
||||
p {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 150%;
|
||||
color: $color-text-light;
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: rem(20px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.LicenceSlider {
|
||||
margin: 0 auto 40px;
|
||||
margin: 0 auto rem(40px);
|
||||
max-width: rem(1200px);
|
||||
|
||||
.Title {
|
||||
@@ -105,7 +109,7 @@
|
||||
|
||||
.Block {
|
||||
position: relative;
|
||||
padding: 20px 0 20px 100px;
|
||||
padding: rem(20px) 0 rem(20px) rem(100px);
|
||||
|
||||
@include iftablet {
|
||||
background-color: #009283;
|
||||
@@ -124,27 +128,27 @@
|
||||
left: 16px;
|
||||
|
||||
@include iftablet {
|
||||
top: 18px;
|
||||
left: 30px;
|
||||
top: rem(18px);
|
||||
left: rem(30px);
|
||||
}
|
||||
}
|
||||
|
||||
.Title {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 500;
|
||||
font-size: 24px;
|
||||
font-size: rem(24px);
|
||||
line-height: 130%;
|
||||
color: $color-white;
|
||||
margin-bottom: 4px;
|
||||
margin-bottom: rem(4px);
|
||||
}
|
||||
|
||||
.Text {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-white;
|
||||
margin-bottom: 4px;
|
||||
margin-bottom: rem(4px);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -153,10 +157,10 @@
|
||||
%title {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 500;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
text-align: center;
|
||||
height: 80px;
|
||||
margin-bottom: 20px;
|
||||
height: rem(80px);
|
||||
margin-bottom: rem(20px);
|
||||
}
|
||||
@@ -4,23 +4,23 @@
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -4,23 +4,23 @@
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,29 +3,29 @@
|
||||
max-width: rem(1540px);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0px;
|
||||
padding: 10px;
|
||||
gap: 0;
|
||||
padding: rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
padding: 20px;
|
||||
padding: rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 28px;
|
||||
padding: rem(28px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
padding: 40px;
|
||||
padding: rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 500;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 40px;
|
||||
margin-bottom: rem(40px);
|
||||
}
|
||||
|
||||
.Grid {
|
||||
@@ -43,15 +43,15 @@
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
gap: rem(10px);
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-left: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -2,23 +2,23 @@
|
||||
margin: 0 auto;
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
padding: 10px;
|
||||
gap: rem(10px);
|
||||
padding: rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto 400px;
|
||||
grid-template-columns: auto rem(400px);
|
||||
justify-items: center;
|
||||
gap: 20px;
|
||||
padding: 20px;
|
||||
gap: rem(20px);
|
||||
padding: rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 28px;
|
||||
padding: rem(28px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
padding: 40px;
|
||||
gap: 40px;
|
||||
padding: rem(40px);
|
||||
gap: rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -26,50 +26,58 @@
|
||||
.Block {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 20px;
|
||||
gap: rem(20px);
|
||||
|
||||
h3 {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 500;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: rem(20px);
|
||||
}
|
||||
|
||||
p {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
font-size: rem(16px);
|
||||
line-height: 110%;
|
||||
color: $color-text;
|
||||
|
||||
@include iftablet{
|
||||
font-size: rem(18px);
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
li {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
|
||||
@include iftablet{
|
||||
font-size: rem(18px);
|
||||
}
|
||||
}
|
||||
|
||||
.ListShift{
|
||||
margin-left: 40px;
|
||||
margin-left: rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
.Photo {
|
||||
.Image {
|
||||
width: 200px;
|
||||
width: rem(200px);
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
@@ -2,21 +2,21 @@
|
||||
margin: 0 auto;
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
padding: 10px;
|
||||
gap: rem(10px);
|
||||
padding: rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 20px;
|
||||
padding: 20px;
|
||||
gap: rem(20px);
|
||||
padding: rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 28px;
|
||||
padding: rem(28px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
padding: 40px;
|
||||
padding: rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -24,42 +24,42 @@
|
||||
.Block {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
border-radius: 28px;
|
||||
box-shadow: 0 0 10px 0 rgba(97, 206, 112, 0.5);
|
||||
padding: 20px;
|
||||
border-radius: rem(28px);
|
||||
box-shadow: 0 0 rem(10px) 0 rgba(97, 206, 112, 0.5);
|
||||
padding: rem(20px);
|
||||
height: 100%;
|
||||
|
||||
.Expert {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
gap: rem(16px);
|
||||
|
||||
.Image {
|
||||
width: auto;
|
||||
height: 200px;
|
||||
height: rem(200px);
|
||||
|
||||
@include iftablet{
|
||||
@include iftablet {
|
||||
width: auto;
|
||||
height: 150px;
|
||||
height: rem(150px);
|
||||
}
|
||||
|
||||
@include iflaptop{
|
||||
@include iflaptop {
|
||||
width: auto;
|
||||
height: 200px;
|
||||
height: rem(200px);
|
||||
}
|
||||
}
|
||||
|
||||
.Name {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 110%;
|
||||
color: $color-text;
|
||||
text-align: center;
|
||||
|
||||
@include iflaptop {
|
||||
font-size: 18px;
|
||||
font-size: rem(18px);
|
||||
line-height: 130%;
|
||||
}
|
||||
}
|
||||
@@ -67,13 +67,13 @@
|
||||
.Position {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
font-size: rem(14px);
|
||||
line-height: 100%;
|
||||
color: $color-text-light;
|
||||
text-align: center;
|
||||
|
||||
@include iflaptop {
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -81,7 +81,7 @@
|
||||
.Certificate {
|
||||
.Image {
|
||||
width: auto;
|
||||
height: 200px;
|
||||
height: rem(200px);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -2,23 +2,23 @@
|
||||
margin: 0 auto;
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
padding: 10px;
|
||||
gap: rem(10px);
|
||||
padding: rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto 400px;
|
||||
grid-template-columns: auto rem(400px);
|
||||
justify-items: center;
|
||||
gap: 20px;
|
||||
padding: 20px;
|
||||
gap: rem(20px);
|
||||
padding: rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 28px;
|
||||
padding: rem(28px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
padding: 40px;
|
||||
gap: 40px;
|
||||
padding: rem(40px);
|
||||
gap: rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -26,50 +26,58 @@
|
||||
.Block {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 20px;
|
||||
gap: rem(20px);
|
||||
|
||||
h3 {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 500;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: rem(20px);
|
||||
}
|
||||
|
||||
p {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
font-size: rem(16px);
|
||||
line-height: 110%;
|
||||
color: $color-text;
|
||||
|
||||
@include iftablet{
|
||||
font-size: rem(18px);
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
li {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
|
||||
@include iftablet{
|
||||
font-size: rem(18px);
|
||||
}
|
||||
}
|
||||
|
||||
.ListShift{
|
||||
margin-left: 40px;
|
||||
margin-left: rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
.Photo {
|
||||
.Image {
|
||||
width: auto;
|
||||
width: rem(200px);
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
@@ -2,23 +2,23 @@
|
||||
margin: 0 auto;
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
padding: 10px;
|
||||
gap: rem(10px);
|
||||
padding: rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto 400px;
|
||||
grid-template-columns: auto rem(400px);
|
||||
justify-items: center;
|
||||
gap: 20px;
|
||||
padding: 20px;
|
||||
gap: rem(20px);
|
||||
padding: rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 28px;
|
||||
padding: rem(28px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
padding: 40px;
|
||||
gap: 40px;
|
||||
padding: rem(40px);
|
||||
gap: rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -26,50 +26,58 @@
|
||||
.Block {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 20px;
|
||||
gap: rem(20px);
|
||||
|
||||
h3 {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 500;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: rem(20px);
|
||||
}
|
||||
|
||||
p {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
font-size: rem(16px);
|
||||
line-height: 110%;
|
||||
color: $color-text;
|
||||
|
||||
@include iftablet{
|
||||
font-size: rem(18px);
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
li {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
|
||||
@include iftablet{
|
||||
font-size: rem(18px);
|
||||
}
|
||||
}
|
||||
|
||||
.ListShift{
|
||||
margin-left: 40px;
|
||||
margin-left: rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
.Photo {
|
||||
.Image {
|
||||
width: 200px;
|
||||
width: rem(200px);
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
@@ -2,23 +2,23 @@
|
||||
margin: 0 auto;
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
padding: 10px;
|
||||
gap: rem(10px);
|
||||
padding: rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto 400px;
|
||||
grid-template-columns: auto rem(400px);
|
||||
justify-items: center;
|
||||
gap: 20px;
|
||||
padding: 20px;
|
||||
gap: rem(20px);
|
||||
padding: rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 28px;
|
||||
padding: rem(28px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
padding: 40px;
|
||||
gap: 40px;
|
||||
padding: rem(40px);
|
||||
gap: rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -26,50 +26,58 @@
|
||||
.Block {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 20px;
|
||||
gap: rem(20px);
|
||||
|
||||
h3 {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 500;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: rem(20px);
|
||||
}
|
||||
|
||||
p {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
font-size: rem(16px);
|
||||
line-height: 110%;
|
||||
color: $color-text;
|
||||
|
||||
@include iftablet{
|
||||
font-size: rem(18px);
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
li {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
|
||||
@include iftablet{
|
||||
font-size: rem(18px);
|
||||
}
|
||||
}
|
||||
|
||||
.ListShift{
|
||||
margin-left: 40px;
|
||||
margin-left: rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
.Photo {
|
||||
.Image {
|
||||
width: 200px;
|
||||
width: rem(200px);
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
@@ -2,23 +2,23 @@
|
||||
margin: 0 auto;
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
padding: 10px;
|
||||
gap: rem(10px);
|
||||
padding: rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto 400px;
|
||||
grid-template-columns: auto rem(400px);
|
||||
justify-items: center;
|
||||
gap: 20px;
|
||||
padding: 20px;
|
||||
gap: rem(20px);
|
||||
padding: rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 28px;
|
||||
padding: rem(28px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
padding: 40px;
|
||||
gap: 40px;
|
||||
padding: rem(40px);
|
||||
gap: rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -26,50 +26,58 @@
|
||||
.Block {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 20px;
|
||||
gap: rem(20px);
|
||||
|
||||
h3 {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 500;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: rem(20px);
|
||||
}
|
||||
|
||||
p {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
font-size: rem(16px);
|
||||
line-height: 110%;
|
||||
color: $color-text;
|
||||
|
||||
@include iftablet{
|
||||
font-size: rem(18px);
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
li {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
|
||||
@include iftablet{
|
||||
font-size: rem(18px);
|
||||
}
|
||||
}
|
||||
|
||||
.ListShift{
|
||||
margin-left: 40px;
|
||||
margin-left: rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
.Photo {
|
||||
.Image {
|
||||
width: 200px;
|
||||
width: rem(200px);
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
@@ -2,23 +2,23 @@
|
||||
margin: 0 auto;
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
padding: 10px;
|
||||
gap: rem(10px);
|
||||
padding: rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto 400px;
|
||||
grid-template-columns: auto rem(400px);
|
||||
justify-items: center;
|
||||
gap: 20px;
|
||||
padding: 20px;
|
||||
gap: rem(20px);
|
||||
padding: rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 28px;
|
||||
padding: rem(28px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
padding: 40px;
|
||||
gap: 40px;
|
||||
padding: rem(40px);
|
||||
gap: rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -26,50 +26,58 @@
|
||||
.Block {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 20px;
|
||||
gap: rem(20px);
|
||||
|
||||
h3 {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 500;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: rem(20px);
|
||||
}
|
||||
|
||||
p {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
font-size: rem(16px);
|
||||
line-height: 110%;
|
||||
color: $color-text;
|
||||
|
||||
@include iftablet{
|
||||
font-size: rem(18px);
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
li {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
|
||||
@include iftablet{
|
||||
font-size: rem(18px);
|
||||
}
|
||||
}
|
||||
|
||||
.ListShift{
|
||||
margin-left: 40px;
|
||||
margin-left: rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
.Photo {
|
||||
.Image {
|
||||
width: 200px;
|
||||
width: rem(200px);
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
@@ -2,23 +2,23 @@
|
||||
margin: 0 auto;
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
padding: 10px;
|
||||
gap: rem(10px);
|
||||
padding: rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto 400px;
|
||||
grid-template-columns: auto rem(400px);
|
||||
justify-items: center;
|
||||
gap: 20px;
|
||||
padding: 20px;
|
||||
gap: rem(20px);
|
||||
padding: rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 28px;
|
||||
padding: rem(28px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
padding: 40px;
|
||||
gap: 40px;
|
||||
padding: rem(40px);
|
||||
gap: rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -26,50 +26,58 @@
|
||||
.Block {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 20px;
|
||||
gap: rem(20px);
|
||||
|
||||
h3 {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 500;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: rem(20px);
|
||||
}
|
||||
|
||||
p {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
font-size: rem(16px);
|
||||
line-height: 110%;
|
||||
color: $color-text;
|
||||
|
||||
@include iftablet{
|
||||
font-size: rem(18px);
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
li {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
|
||||
@include iftablet{
|
||||
font-size: rem(18px);
|
||||
}
|
||||
}
|
||||
|
||||
.ListShift{
|
||||
margin-left: 40px;
|
||||
margin-left: rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
.Photo {
|
||||
.Image {
|
||||
width: 200px;
|
||||
width: rem(200px);
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
@@ -2,23 +2,23 @@
|
||||
margin: 0 auto;
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
padding: 10px;
|
||||
gap: rem(10px);
|
||||
padding: rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto 400px;
|
||||
grid-template-columns: auto rem(400px);
|
||||
justify-items: center;
|
||||
gap: 20px;
|
||||
padding: 20px;
|
||||
gap: rem(20px);
|
||||
padding: rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 28px;
|
||||
padding: rem(28px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
padding: 40px;
|
||||
gap: 40px;
|
||||
padding: rem(40px);
|
||||
gap: rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -26,50 +26,58 @@
|
||||
.Block {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 20px;
|
||||
gap: rem(20px);
|
||||
|
||||
h3 {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 500;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: rem(20px);
|
||||
}
|
||||
|
||||
p {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
font-size: rem(16px);
|
||||
line-height: 110%;
|
||||
color: $color-text;
|
||||
|
||||
@include iftablet{
|
||||
font-size: rem(18px);
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
li {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
|
||||
@include iftablet{
|
||||
font-size: rem(18px);
|
||||
}
|
||||
}
|
||||
|
||||
.ListShift{
|
||||
margin-left: 40px;
|
||||
margin-left: rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
.Photo {
|
||||
.Image {
|
||||
width: 200px;
|
||||
width: rem(200px);
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
@@ -2,23 +2,23 @@
|
||||
margin: 0 auto;
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
padding: 10px;
|
||||
gap: rem(10px);
|
||||
padding: rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto 400px;
|
||||
grid-template-columns: auto rem(400px);
|
||||
justify-items: center;
|
||||
gap: 20px;
|
||||
padding: 20px;
|
||||
gap: rem(20px);
|
||||
padding: rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 28px;
|
||||
padding: rem(28px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
padding: 40px;
|
||||
gap: 40px;
|
||||
padding: rem(40px);
|
||||
gap: rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -26,50 +26,58 @@
|
||||
.Block {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 20px;
|
||||
gap: rem(20px);
|
||||
|
||||
h3 {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 500;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: rem(20px);
|
||||
}
|
||||
|
||||
p {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
font-size: rem(16px);
|
||||
line-height: 110%;
|
||||
color: $color-text;
|
||||
|
||||
@include iftablet{
|
||||
font-size: rem(18px);
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
li {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
|
||||
@include iftablet{
|
||||
font-size: rem(18px);
|
||||
}
|
||||
}
|
||||
|
||||
.ListShift{
|
||||
margin-left: 40px;
|
||||
margin-left: rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
.Photo {
|
||||
.Image {
|
||||
width: 200px;
|
||||
width: rem(200px);
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
@@ -1,28 +1,24 @@
|
||||
.Container {
|
||||
margin: 0 auto;
|
||||
max-width: rem(1540px);
|
||||
display: flex;
|
||||
flex-direction: column-reverse;
|
||||
align-items: center;
|
||||
gap: 20px;
|
||||
padding: 20px 10px;
|
||||
display: grid;
|
||||
gap: rem(10px);
|
||||
padding: rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
display: grid;
|
||||
grid-template-columns: auto 400px;
|
||||
grid-template-columns: auto rem(400px);
|
||||
justify-items: center;
|
||||
align-items: start;
|
||||
gap: 20px;
|
||||
padding: 20px;
|
||||
gap: rem(20px);
|
||||
padding: rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 28px;
|
||||
padding: rem(28px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
padding: 40px;
|
||||
gap: 40px;
|
||||
padding: rem(40px);
|
||||
gap: rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -30,50 +26,58 @@
|
||||
.Block {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 20px;
|
||||
gap: rem(20px);
|
||||
|
||||
h3 {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 500;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: rem(20px);
|
||||
}
|
||||
|
||||
p {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
font-size: rem(16px);
|
||||
line-height: 110%;
|
||||
color: $color-text;
|
||||
|
||||
@include iftablet{
|
||||
font-size: rem(18px);
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
li {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
|
||||
@include iftablet{
|
||||
font-size: rem(18px);
|
||||
}
|
||||
}
|
||||
|
||||
.ListShift{
|
||||
margin-left: 40px;
|
||||
margin-left: rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
.Photo {
|
||||
.Image {
|
||||
width: 200px;
|
||||
width: rem(200px);
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
@@ -19,6 +19,10 @@
|
||||
gap: rem(10px);
|
||||
padding: rem(20px) rem(40px);
|
||||
|
||||
@media (width<520px) {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.LineTitle {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 500;
|
||||
@@ -43,11 +47,19 @@
|
||||
align-items: center;
|
||||
gap: rem(40px);
|
||||
padding: rem(20px) rem(40px);
|
||||
|
||||
@media (width<520px) {
|
||||
flex-direction: column;
|
||||
gap: rem(20px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.Btn {
|
||||
border: 1px solid #eeeeee44;
|
||||
@media (width<520px) {
|
||||
width: rem(260px);
|
||||
}
|
||||
}
|
||||
|
||||
.Icon {
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
ul, .List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
li, .ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,18 +62,18 @@
|
||||
h3, .Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
em {
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
ol {
|
||||
margin-left: 16px;
|
||||
margin-left: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
ul, .List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
li, .ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,18 +62,18 @@
|
||||
h3, .Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
em {
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
ol {
|
||||
margin-left: 16px;
|
||||
margin-left: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,35 +3,35 @@
|
||||
max-width: rem(1540px);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0px;
|
||||
padding: 10px;
|
||||
gap: 0;
|
||||
padding: rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
padding: 20px;
|
||||
padding: rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 28px;
|
||||
padding: rem(28px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
padding: 40px;
|
||||
padding: rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 500;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 40px;
|
||||
margin-bottom: rem(40px);
|
||||
}
|
||||
|
||||
.Grid {
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 40px 0;
|
||||
gap: rem(40px) 0;
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
@@ -44,24 +44,24 @@
|
||||
.Title {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 500;
|
||||
font-size: 24px;
|
||||
font-size: rem(24px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: rem(20px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
gap: rem(10px);
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-left: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
ul, .List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
li, .ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,18 +62,18 @@
|
||||
h3, .Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
em {
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
ol {
|
||||
margin-left: 16px;
|
||||
margin-left: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
ul, .List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
li, .ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,18 +62,18 @@
|
||||
h3, .Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
em {
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
ol {
|
||||
margin-left: 16px;
|
||||
margin-left: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
ul, .List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
li, .ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,18 +62,18 @@
|
||||
h3, .Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
em {
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
ol {
|
||||
margin-left: 16px;
|
||||
margin-left: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
ul, .List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
li, .ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,18 +62,18 @@
|
||||
h3, .Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
em {
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
ol {
|
||||
margin-left: 16px;
|
||||
margin-left: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
ul, .List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
li, .ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,18 +62,18 @@
|
||||
h3, .Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
em {
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
ol {
|
||||
margin-left: 16px;
|
||||
margin-left: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
ul, .List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
li, .ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,18 +62,18 @@
|
||||
h3, .Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
em {
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
ol {
|
||||
margin-left: 16px;
|
||||
margin-left: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
ul, .List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
li, .ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,18 +62,18 @@
|
||||
h3, .Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
em {
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
ol {
|
||||
margin-left: 16px;
|
||||
margin-left: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
ul, .List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
li, .ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,18 +62,18 @@
|
||||
h3, .Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
em {
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
ol {
|
||||
margin-left: 16px;
|
||||
margin-left: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
ul, .List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
li, .ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,18 +62,18 @@
|
||||
h3, .Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
em {
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
ol {
|
||||
margin-left: 16px;
|
||||
margin-left: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,35 +3,35 @@
|
||||
max-width: rem(1540px);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0px;
|
||||
padding: 10px;
|
||||
gap: 0;
|
||||
padding: rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
padding: 20px;
|
||||
padding: rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 28px;
|
||||
padding: rem(28px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
padding: 40px;
|
||||
padding: rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 500;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 40px;
|
||||
margin-bottom: rem(40px);
|
||||
}
|
||||
|
||||
.Grid {
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 40px 0;
|
||||
gap: rem(40px) 0;
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
@@ -44,24 +44,24 @@
|
||||
.Title {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 500;
|
||||
font-size: 24px;
|
||||
font-size: rem(24px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: rem(20px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
gap: rem(10px);
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-left: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
max-width: rem(1540px);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
gap: 0px;
|
||||
padding: 0 10px;
|
||||
gap: 0;
|
||||
padding: 0 rem(10px);
|
||||
|
||||
@include iftablet {
|
||||
grid-template-columns: auto;
|
||||
padding: 0 20px;
|
||||
padding: 0 rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
padding: 0 28px;
|
||||
gap: 40px;
|
||||
grid-template-columns: auto 300px;
|
||||
padding: 0 rem(28px);
|
||||
gap: rem(40px);
|
||||
grid-template-columns: auto rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
grid-template-columns: auto 360px;
|
||||
gap: 160px;
|
||||
padding: 0 40px;
|
||||
grid-template-columns: auto rem(360px);
|
||||
gap: rem(160px);
|
||||
padding: 0 rem(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,21 +39,21 @@
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: disc;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: rem(16px);
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
font-size: rem(16px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
list-style: unset;
|
||||
@@ -62,10 +62,10 @@
|
||||
.Header {
|
||||
font-family: $font-roboto;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
font-size: rem(32px);
|
||||
line-height: 130%;
|
||||
color: $color-text;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: rem(16px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -11,21 +11,21 @@
|
||||
.Breadcrumbs {
|
||||
margin: 0 auto;
|
||||
max-width: rem(1540px);
|
||||
padding: rem(20px) 10px;
|
||||
padding: rem(20px) rem(10px);
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
|
||||
@include iftablet{
|
||||
padding: rem(20px) 20px;
|
||||
padding: rem(20px) rem(20px);
|
||||
}
|
||||
|
||||
@include iflaptop{
|
||||
padding: rem(20px) 28px;
|
||||
padding: rem(20px) rem(28px);
|
||||
}
|
||||
|
||||
@include ifdesktop{
|
||||
padding: rem(20px) 40px;
|
||||
padding: rem(20px) rem(40px);
|
||||
}
|
||||
|
||||
.Block {
|
||||
@@ -36,7 +36,6 @@
|
||||
.List {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
//gap: 12px;
|
||||
}
|
||||
|
||||
.ListItem {
|
||||
@@ -48,7 +47,7 @@
|
||||
|
||||
&:after {
|
||||
content: '/';
|
||||
padding: 0 4px;
|
||||
padding: 0 rem(4px);
|
||||
}
|
||||
|
||||
&:last-child:after {
|
||||
@@ -78,15 +77,15 @@
|
||||
height: auto;
|
||||
|
||||
@include iftablet {
|
||||
width: 200px;
|
||||
width: rem(200px);
|
||||
}
|
||||
|
||||
@include iflaptop {
|
||||
width: 300px;
|
||||
width: rem(300px);
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
width: 400px;
|
||||
width: rem(400px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
|
||||
transition: opacity 0.25s ease-in-out;
|
||||
border: 1px solid $color-lightgray;
|
||||
border-radius: 28px;
|
||||
border-radius: rem(28px);
|
||||
box-shadow: 1px 1px 2px 0 #aaa;
|
||||
|
||||
@include iftablet {
|
||||
@@ -86,9 +86,6 @@
|
||||
justify-content: flex-end;
|
||||
max-width: unset;
|
||||
}
|
||||
|
||||
@include ifdesktop {
|
||||
}
|
||||
}
|
||||
|
||||
.Hide {
|
||||
|
||||
@@ -264,7 +264,7 @@
|
||||
|
||||
@include iftablet {
|
||||
content: '|';
|
||||
padding-left: 8px;
|
||||
padding-left: rem(8px);
|
||||
}
|
||||
}
|
||||
&:last-child:after {
|
||||
|
||||
@@ -3,10 +3,10 @@
|
||||
width: 100%;
|
||||
border-radius: rem(16px);
|
||||
padding: rem(10px) rem(10px);
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: rem(20px);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
max-width: 460px;
|
||||
max-width: rem(460px);
|
||||
justify-content: center;
|
||||
align-self: center;
|
||||
|
||||
|
||||
Reference in New Issue
Block a user