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

.masthead {
  min-height: 5rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(22, 22, 22, 1.0)), color-stop(75%, rgba(22, 22, 22, 1.0)), to(#161616));
  background: linear-gradient(to bottom, rgba(22, 22, 22, 1.0) 0%, rgba(22, 22, 22, 1.0) 75%, #161616 100%);
}

.masthead h1 {
    font-family: 'Open Sans', sans-serif;
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.5));
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.signup-section .form-inline input {
    font-family: 'Open Sans', sans-serif;
}

.btn {
    font-family: 'Open Sans', sans-serif;
}

.contact-section .card h4 {
    font-family: 'Open Sans', sans-serif;
}

.masthead h2 {
    max-width: 100%;
}

.spotify-player {
  /* padding: 2rem; */
}

.music-section {
  padding: 2rem;
  display: block;
}

.apple-music {
  margin-top: 1rem;
  float: left;
}

.embed-container {
  position: relative;
  padding-bottom: 70%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.signup-section {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(22, 22, 22, 1.0)), color-stop(75%, rgba(22, 22, 22, 1.0)), to(#161616));
  background: linear-gradient(to bottom, rgba(22, 22, 22, 1) 0%, rgba(22, 22, 22, 1) 75%, #161616 100%);
}

.signup-section input {
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 0, 0, 0.1) !important;
  padding: 1.25rem 2rem;
  height: auto;
  font-family: 'Open Sans';
  font-size: 80%;
  text-transform: uppercase;
  letter-spacing: 0.15rem;
  border: 0;
}