.greyBox {
  margin: 0 auto;
  padding: 10px;
  background-color:rgba(0,0,0,0.7);	/*grey thing at the bottom*/
}

.gbName {
  text-align: center;
  font-family: Century gothic, verdana,arial,sans-serif;
  color: white;
  font-size: 2.5vw;
  margin: 0;
  padding: 0;
  font-style: italic;
}

.gbTitle {
  text-align: center;
  font-family: Century gothic, verdana,arial,sans-serif;
  color: white;
  font-size: 4.5vw;
  margin: 0;
  padding: 0;
  font-style: italic;
}

/* media queries
------------------------------------------------------------ */
@media screen and (max-width: 300px) {
  .gbName {
    font-size: 8vw;
  }
  .gbTitle {
    font-size: 13vw;
  }
}