/* Page-specific styles for about.html */
/* #home-logo/#call-now and header nav-link color come from style.css (shared, identical on every page). */
#about-text {
  width:50%;
}
@media only screen and (max-width:749px) {
  #about-text {
    width:85%;
  }
}

#choose-our-djs-text {
  width:66%;
}
@media only screen and (max-width:749px) {
  #choose-our-djs-text {
    width:100%;
  }
}

#about-bg {
  background-image: url('../images/uploads/about-bg.jpg');
  background-attachment: fixed;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
}
@media only screen and (max-width:749px) {
  #about-bg {
    background-image: url('../images/uploads/about-bg.jpg');
    background-attachment: inherit;
    position:relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
  }
}

/* #parallax on this page is 500px tall vs. the 600px shared default in style.css. */
#parallax { min-height: 500px; }
@media only screen and (max-width:749px) {
  #parallax { min-height: 500px; }
}

/* Gallery carousel: shrink the tall fixed height on mobile */
@media only screen and (max-width: 767px) {
  .home-slider.home-slider .slider-item,
  .home-slider.home-slider .slider-item .slider-text {
    height: 72vw !important;
    min-height: 220px !important;
  }
}

.about-hero-wrap { text-align:center; }
.about-text-block { font-size:16pt; display:inline-block; }
.about-parallax-section { margin-top: -75px; }
.about-parallax-bg { background-image: url('../images/uploads/about-parallax.jpeg'); }
.about-choose-text { font-size:18pt; display:inline-block; }
.about-slider-section { margin:auto; width:100%; }
.about-slide-1 { background-size:cover; background-image: url('../images/uploads/gallery/1.png'); }
.about-slide-2 { background-size:cover; background-image: url('../images/uploads/gallery/2.png'); }
.about-slide-3 { background-size:cover; background-image: url('../images/uploads/gallery/3.png'); }
.about-slide-4 { background-size:cover; background-image: url('../images/uploads/gallery/4.png'); }
.about-slide-5 { background-size:cover; background-image: url('../images/uploads/gallery/5.png'); }
.about-slide-6 { background-size:cover; background-image: url('../images/uploads/gallery/6.png'); }
.about-slide-7 { background-size:cover; background-image: url('../images/uploads/gallery/7.jpg'); }

.about-headphones-col { display: flex; align-items: center; justify-content: center; margin-bottom: 24px; }
.about-headphones-img { max-width: 250px; width: 100%; height: auto; }
@media (min-width: 768px) {
  .about-headphones-col { margin-bottom: 0; }
}