@font-face {
  font-family: "Lato";
  src: url("/css/fonts/Lato-Black.ttf") format("ttf");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("/css/fonts/Lato-BlackItalic.ttf") format("ttf");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("/css/fonts/Lato-Heavy.ttf") format("ttf");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("/css/fonts/Lato-Bold.ttf") format("ttf");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("/css/fonts/Lato-Regular.ttf") format("ttf");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("/css/fonts/Lato-Light.ttf") format("ttf");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("/css/fonts/Lato-LightItalic.ttf") format("ttf");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  scroll-behavior: smooth;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  font-family: "Lato", sans-serif;
  margin: 0;
  padding: 0;
  overflow: auto;
  color: #fff;
}

.bg-the-black {
  background-color: #303031;
}

#home .w-button {
  width: 7%;
  top: 17%;
  right: 5%;
}

@media only screen and (min-device-width: 1024px) {
  #home .w-button {
    width: 5%;
    top: 17%;
    right: 2%;
  }
}