html, body {margin: 0; color: #1A1A1A; font-family: 'Lato', serif; background-color: #F1F1F1;}
html {box-sizing: border-box; scroll-behavior: smooth;}
* {box-sizing: inherit;}


/* lato-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('lato-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('lato-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* lato-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 600;
  src: url('lato-semibold.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('lato-semibold.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}


h1, h2, h3 {hyphens: auto;}
@media (max-width: 750px) {
h1 {hyphens: manual;}
}
h1 {font-size: 36px; font-weight: 600; line-height: 45px; margin:0 0 5px 0; color: #3F3F3F; text-align: center;}
p {font-weight: 400; font-size: 17px; line-height: 32px; margin: 0 0 20px 0;}


@media (max-width: 1339px) {
header, main, footer {width: 100%;}
}
@media (min-width: 1340px) {
header, main, footer {width: 100%; margin: 0 auto;}
}


main {background-color: #F1F1F1;}
@media (max-width: 899px) {
main {padding: 50px 5% 100px 5%;}
#home main {padding: 80px 5% 100px 5%;}
}
@media (min-width: 900px) {
main {padding: 100px 120px 140px 120px;}
}