@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://fonts.googleapis.com/css?family=Nobile);
@import url(https://fonts.googleapis.com/css?family=OpenSans);
@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://fonts.googleapis.com/css?family=Nobile);

html {
  font-family: Lato;
  font-style: normal;
  font-weight: light;
  src: url(https://fonts.googleapis.com/css?family=Lato);
}

.nobilethin {
  font-family: Nobile;
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.googleapis.com/css?family=Nobile);
}

.nobilebold {
  font-family: Nobile;
  font-style: normal;
  font-weight: bold;
  src: url(https://fonts.googleapis.com/css?family=Nobile);
}

#open {
  font-family: Open Sans;
  font-style: normal;
  font-weight: lighter;
  src: url(https://fonts.googleapis.com/css?family=OpenSans);
}

#openmini {
  font-family: Open Sans;
  font-style: normal;
  font-size: 8pt;
  font-weight: lighter;
  src: url(https://fonts.googleapis.com/css?family=OpenSans);
}

#nobile {
  font-family: nobile;
  font-style: normal;
  font-weight: lighter;
  src: url(https://fonts.googleapis.com/css?family=Nobile);
}

.bold {
  font-family: Lato;
  font-size: 24pt;
  font-style: normal;
  font-weight: bold;
  src: url(https://fonts.googleapis.com/css?family=Lato);
}

.menu {
  font-family: Lato;
  font-size: 16pt;
  /*margin-left: 0.5rem;*/
  src: url(https://fonts.googleapis.com/css?family=Lato);
}

.semibold {
  font-family: Open Sans;
  font-weight: 600;
  src: url(https://fonts.googleapis.com/css?family=OpenSans);
}

.semibold10 {
  font-family: Open Sans;
  font-weight: 600;
  font-size: 10pt;
  src: url(https://fonts.googleapis.com/css?family=OpenSans);
}

.fourofour {
  font-family: Lato;
  font-weight: 800;
  font-size: 96pt;
  src: url(https://fonts.googleapis.com/css?family=Lato);
}

.under {
  font-family: Lato;
  font-weight: 800;
  font-size: 48pt;
  src: url(https://fonts.googleapis.com/css?family=Lato);
}

#menu {
  font-family: Lato;
  font-size: 18pt;
  src: url(https://fonts.googleapis.com/css?family=Lato);
}

.thin {
  font-family: Lato;
  font-size: 24pt;
  font-style: normal;
  font-weight: lighter;
  src: url(https://fonts.googleapis.com/css?family=Lato);
}

h1 {
  font-family: "Lato";
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.googleapis.com/css?family=Lato);
}

h2 {
  font-family: "Lato";
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.googleapis.com/css?family=Lato);
}

h3 {
  font-family: "Lato";
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.googleapis.com/css?family=Lato);
}