@font-face {
  font-family: bph-font;
  src: url(../fonts/theboldfont.ttf);
}

body {
  padding-top: 50px;
  background-color: #000;
}
.starter-template {
  padding: 40px 15px;
  text-align: center;
}

.nav-menu {
  list-style: none;
  color: #fafafa;
  display: block;
  padding-left: 0;
  padding-top: 50px;
}

.nav-menu li > a {
  color: #fafafa;
  text-decoration: none;
  font-size: 52px;
  font-family: 'bph-font';
  letter-spacing: 5px;
}

h3 {
  color: #fafafa;
  font-family: 'bph-font';
  letter-spacing: 4px;
  margin-top: 30px;
}

h6 {
  color: #fafafa;
  font-family: 'bph-font';
  letter-spacing: 4px;
}

h6 a {
  color: #fafafa;
  font-family: 'bph-font';
  letter-spacing: 4px;
  text-decoration: none;
}

h6 a:hover {
  text-decoration: none;
  color: #fafafa !important;
}


/* iPhone 5/5S - portrait */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {

  #logo {
    width: 70%;
  }

}