@charset “utf-8”;

html, body {

color: $font-color;
font-size: $font-size;
font-family: $font-family-body;
font-weight: 300;

}

p {

line-height: 26px;
padding: 0 0 26px;

+ p {
  padding-top: 12px;
}

}

h1 {

font-size: $font-size-xl;
font-family: $font-family-title;
font-weight: 400;

@media screen and (max-width: 768px) {
  margin: 18px 0;
}

@media screen and (min-width: 769px) {
  margin: 21px auto 0;
  text-align: center;
}

}

h2 {

font-size: $font-size-lg;
font-family: $font-family-title;
font-weight: 600;
width: max-content;

@media screen and (max-width: 768px) {
  margin: 18px 0;
}

@media screen and (min-width: 769px) {
  margin: 21px auto 0;
  text-align: center;
}

}

h3 {

font-size: $font-size-md;
font-weight: 600;

@media screen and (max-width: 768px) {
  margin: 20px 0 10px;
}

@media screen and (min-width: 769px) {
  margin: 32px 0 14px;
}

}

h4 {

font-size: $font-size-sm;
font-weight: 600;

}

h5 {

font-size: $font-size-xs;
font-weight: 600;

}

code {

background-color: #ececec;
border-radius: 2px;
padding: 1px 3px;

}