body {
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  font-family:'Lato', sans-serif;
  overflow: auto;
}

/* unvisited link */
a:link {
    color: yellow;
}

/* visited link */
a:visited {
    color: yellow;
}

/* mouse over link */
a:hover {
    color: yellow !important;
}

/* selected link */
a:active {
    color: yellow;
}

.main-menu {
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  max-height: 100vh;
}

.container-fluid {
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  max-height: 100vh;
  text-align: center;
}

.row {
  height: 100%;
  max-height: 100%;
  font-size: 600%;
}

#col-blue {
  background: black;
  color: yellow;
  overflow: auto;
  font-size: 8vw;
}

#col-white {
  background: yellow;
  color: black;
  overflow: auto;
  font-size: 8vw;
}

#works {
  display: none;
  font-size: 3vw;
  margin-top: 3%;
}

#subtitle1 {
  display: none;
  font-size: 1.5vw;
  font-style: italic;
  padding-bottom: 2%;
}

#subtitle2 {
  display: none;
  font-size: 20px;
  font-style: italic;
  padding-bottom: 2%;
}

#subtitle3 {
  display: none;
  font-size: 20px;
  font-style: italic;
  padding-bottom: 2%;
}

#subtitle4 {
  display: none;
  font-size: 20px;
  font-style: italic;
  padding-bottom: 2%;
}

#subtitle5 {
  display: none;
  font-size: 20px;
  font-style: italic;
  padding-bottom: 2%;
}

#subtitle-comingsoon {
  display: none;
  font-size: 20px;
  font-style: italic;
  padding-bottom: 2%;
}

#about {
  display: none;
  font-size: 3vw;
  margin-top: 3%;
}


@media (max-width: 667px) {
  
  

}