body {
  width: 100%;
  height: 100%;
  font-family: "Noto Serif", serif;
  color: white;
  background-color: black;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 35px;
  text-transform: uppercase;
  font-family: "Noto Serif", serif;
  font-weight: 700;
}
.brand-heading {
    margin-top: 120px;
}
.intro-text {
  
  

}
.brand-heading, 
.intro-text {
    letter-spacing: 5px;
    color: #313337;
    background-color: rgba(255, 255, 255, 0.7);
}
.intro {
    background: url(../img/amadeus.JPG) top center no-repeat #000;
    margin-top: 50px;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.content-section {
    padding-top: 30px;
}

@media (min-width: 768px) {
  .intro {
    height: 100%;
    padding: 0;
    margin-top: 0px;

  }
  .intro .intro-body .brand-heading {
    font-size: 50px;
  }
  .intro .intro-body .intro-text {
    font-size: 26px;
  }
}