styles.css

@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,700');

* {
  font-family: 'Roboto', sans-serif;
}



.landing-content {
  margin-top: 150px;
  margin-bottom: 75px;
}

h1 {
  font-weight: 700;
  font-size: 48px;
}


/* mobile */
@media only screen and (min-width: 320px) {
  .bhacks-logo {
    width: 60%;
    display: block;
    margin: 10% auto;
  }
}

/* tablet and up */
@media only screen and (min-width: 768px) {
  .bhacks-logo {
    width: 100%;
  }
}

h2 {
  font-size: 30px;
  line-height: 1.6em;
}

.italic-subtext {
  font-style: italic;
  margin-top: 45px;
  margin-bottom: 75px;
}

.keep-on-one-line {
 white-space: nowrap;
}
.keep-on-one-line * {
 display: inline;
}

.or-dont {
  color: #555;
}



.main-content {
  margin: 75px 0;
}

.description {
  margin-bottom: 50px;
}

h3 {
  font-weight: 500;
}

ul {
  margin-bottom: 30px;
}

/* mobile */
@media only screen and (min-width: 320px) {
  .platterz-logo {
    width: 100%;
    display: block;
    margin: 5% auto;
  }
}

/* tablet and up */
@media only screen and (min-width: 768px) {
  .platterz-logo {
    width: 45%;
    margin: 2% 0;
  }
}



.footer-content {
  margin-top: 75px;
  margin-bottom: 35px;
}

.footer-link-box {
  margin-bottom: 15px;
}