@charset "UTF-8";

/* ------------------------------- 

JUMBO HERO THEME

  Hero Panel For Target Web Page

-------------------------------  */

/* padding moves type 
.hero {
    position: relative;
    padding: 250px 0 40px 0; 
    min-height: 680px;
    background: rgb( 231, 235, 239) url(../img/target/hero-panel-target-design.jpg) no-repeat center center;
    background-size: cover;
}*/

/*.hero-content{
  
}*/

header {
  background-color: #000;
}

#top h1, 
#top h3 {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #37474F;  /* Color edits for target only  */
  color: #ffffff;
}

#top h1 {
  font-size: 50px;
}

#top h3 {
  font-size: 30px;
}

/*over ride for header alignment from main style sheet*/
.art-section .row-head {
  margin: 50px 180px 0px 180px;
  padding-bottom: 10px;
}

/* spacing between heading and copy */
.featuredwork-section-copy p {
  margin-top: 15px;
}

/* centers content */
.fancybox-content {
  text-align: center;
}

.target-web video {
  width: 100%;
  max-width: 850px;
  height: auto;
}

.target-phone video {
  width: 100%;
  max-width: 216px;
  height: auto;
  margin-top: 80px;
}

.target-phone-poster {
  width: 100%;
  max-width: 216px;
  height: auto;
  margin-top: 80px;
}

/* ------------------ */

/* turned off until needed. this the bottom panel

.contact-section .row {
  margin: 0px 180px;
}

.contact-section i {
  margin-bottom: 10px;
  color: #30d3b5;
}*/

/*landscape Ipads*/
/*@media screen and (max-width: 1024px) {
  .contact-section .row {
    margin: 0px 50px;
  }
}*/

@media screen and (max-width: 2024px) { 
  .phone-target video {
    margin-top: 60px;
  }

  .target-phone-poster {
    margin-top: 60px;
  }
}

/* ipad */
@media screen and (max-width: 1024px) { 
  /*over ride for header alignment from main style sheet*/
  .art-section .row-head {
    margin: 50px 50px 0px 50px;
  }

  .target-phone video {
    margin-top: 40px;
  }

  .target-phone-poster {
    margin-top: 40px;
  }
}

/* portrait Ipads and bootstap menu breakpoint */
@media screen and (max-width: 768px) {
  #top h1 {
    font-size: 34px;
  }

  #top h3 {
    font-size: 24px;
  }

  p {
    font-size: 14px;
  }

  /*over ride for header alignment from main style sheet*/
  .art-section .row-head {
    margin: 30px 5px 0px 5px;
  }

  .target-phone video {
    margin-top: 20px;
  }

  /* make nav bar logo visable*/
  .navbar-brand {
    background: rgb( 255, 255, 255, .3);
  }

  /* .contact-section .row {
    margin: 0px 0px 110px 0px;
  }
  
  .contact-section {
    padding: 10px 0px 10px 0px;
  }*/  
}

/* Landscape iphone 6,7,8,plus */
@media screen and (max-device-height: 414px) and (orientation: landscape) {
  #top h1 {
    font-size: 34px;
  }

  #top h3 {
    font-size: 20px;
  }

  .hero {
    padding: 120px 0 20px 0; /* padding moves type */
    min-height: 300px;
  }

  .featuredwork-section {
    padding: 20px 0px 0px 0px;
  }

  .target-phone video {
    margin-top: 0px;
  }

  .target-phone-poster {
    margin-top: 0px;
  }

}


/* Landscape iphone X plus and google pixel xl */
@media screen and (max-device-height: 411px) and (orientation: landscape) {
  #top h1 {
    font-size: 34px;
  }

  #top h3 {
    font-size: 20px;
  }

  .hero {
    padding: 120px 0 20px 0; /* padding moves type */
    min-height: 300px;
  } 

  /*over ride for header alignment from main style sheet*/
  .art-section .row-head {
    margin: 20px 5px 0px 5px;
  }
} 


/* portait phones */
@media screen and (max-device-width: 436px) and (orientation: portrait) {
  #top h1 {
    font-size: 30px;
  }

  #top h3 {
    font-size: 18px;
  }

  .hero {
    padding: 150px 0 40px 0; /* padding moves type */
    min-height: 400px;
  }

  .featuredwork-section {
    padding: 30px 0px 0px 0px;
  }

   .target-phone video {
    margin-top: 0px;
  }

  .target-phone-poster {
    margin-top: 0px;
  }

}