@charset "utf-8";
/*-- Last updated:  26-Mar-2018     Version: 1.0                         */
/*-- Copyright 2018  MusicBiz Enterprises, All rights reserved.          */


#mContainer_padArtist {
   height: 170px;
}

/*-------------------*/
/*  Artist Container */
/*-------------------*/
.mContainer_artist {
   clear: both;
   width: 100%;
   /* height: 250px; */
}
.mArtistAnchor {
   padding-top: 160px;
   margin-top: -160px;
   display: inline-block;  /* required for webkit browsers */
}

.mContainer_artistJon {
   /* height: 200px;  */
}
.mContainer_artistBrent {
  /* height: 270px;  */
}
.mContainer_artistJulianne {
   /* height: 270px; */
}
.mContainer_artistDavid {
    height: 760px; 
}
.mContainer_artistMat {
   height: 680px;
}
.mContainer_artistMatt {
   /* height: 270px; */
}
.mContainer_artistLia {
   /* height: 270px; */
}

.mArtist_titleBox {
   float: left;
   width: 100%;
   padding: 0;
   margin: 0;
}
.mArtist_titleBox_left {
   float: left;
   width: 40%;
}
.mArtist_titleBox_right {
   float: right;
   width: 60%;
}

.mArtist_title {
   padding: 50px 0 50px 0;
   text-align: center;
   font-size: 4em;
   font-size: 4rem;
   font-weight: bold;
}

.mArtist_photoBox {
   float: left;
   width: 500px;
   padding-bottom: 20px;
   margin: 0;
}
.mArtist_photoBox_left {
   float: left;
}
.mArtist_photoBox_right {
   float: right;
}
.mArtist_photo {
}
img.mArtist_photo {
   width: 320px;
   height: auto;
   margin: 0 auto;
}

.mArtist_textBox {
   /* width: 60%; */
   padding: 0;
   margin: 0;
}
.mArtist_textBox_left {
   float: left;
   margin: 0;
   padding: 0 2% 20px 2%;
}
.mArtist_textBox_right {
   float: right;
   margin: 0;
   padding: 0 2% 20px 2%;
}
.mArtist_text {
   font-size: 1.5em;         /* relative to current element font-size -- nesting inheritance applies         */
   font-size: 1.5rem;        /* relative to root default font-size -- place after em, since rem is css3      */
   margin: 0;
   padding: 0 2% 30px 2%;
}
.mArtist_text_left {
   float: left;
   margin: 0;
   padding: 0 2% 20px 2%;
}
.mArtist_text_right {
   float: right;
   margin: 0;
   padding: 0 2% 20px 2%;
}


/*-----------------------*/
/*  @media definitions   */
/*-----------------------*/

@media only screen and (max-width: 1920px) {
}

@media only screen and (max-width: 1366px) { /* iPad Pro 12.9" view port size is 1366 x 1024 */
}

@media only screen and (max-width: 1112px) { /* iPad Pro 10.5" view port size is 1112 x 834 */
   .mContainer_artistDavid {
       height: auto; 
   }
}

@media only screen and (max-width: 1024px) { /* iPad, iPad Mini view port size is 1024 x 768 */

}

@media only screen and (max-width: 1000px) {  /* Switch from menu bar to menu button */
   #mContainer_padArtist {
      height: 0px;
   }
   .mArtistAnchor {
      padding-top: 60px;
      margin-top: -60px;
   }

   .mArtist_photoBox {
      width: 100%;
   }
   img#mArtist_photo {
      width: 320px;
   }

   .mArtist_textBox {
      width: 100%;
      padding: 0;
   }
   .mArtist_textBox_right {
      clear: both;
      float: left;
      width: 100%;
   }
   .mArtist_text {
      padding: 40px 5% 40px 5%;
   }

}

@media only screen and (max-width: 980px) {
   .mArtist_photoBox {
      width: 400px;
   }
   img.mArtist_photo {
      width: 260px;
   }
}

@media only screen and (max-width: 840px) {
   .mArtist_photoBox {
      width: 300px;
   }
   img.mArtist_photo {
      width: 200px;
   }
}

@media only screen and (max-width: 520px) { 
   .mArtist_text {
      clear: both;
   }

}

@media only screen and (max-width: 414px) { /* iPhone 8 plus view port size is 414 x 736 */

}

@media only screen and (max-width: 375px) { /* iPhone 8 view port size is 375 x 667 */

}

@media only screen and (max-width: 320px) { /* iPhone SE view port size is 320 x 568 */

}