@font-face {
  font-family: LatoRegular;
  src: url('../fonts/Lato-Regular.ttf');
}
@font-face {
  font-family: LatoLight;
  src: url('../fonts/Lato-Light.ttf');
}
@font-face {
  font-family: LatoThin;
  src: url('../fonts/Lato-Thin.ttf');
}
@font-face {
  font-family: LatoHairline;
  src: url('../fonts/Lato-Hairline.ttf');
}
html {
 scroll-behavior: smooth;
}
body {
  font-family: LatoLight;
}
.title-container {
  width:100%;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
.title-container .title-content {
  text-align: center;
  display: inline-block;
}
.title {
  font-family: LatoHairline;
  font-size: 100px;
}
.web-header {
  width:100%;
  text-align: center;
  display: table;
}
.web-header .header-content {
  text-align: center;
  display: inline-block;
}
.header {
  font-family: LatoHairline;
  font-size: 85px;
}