/*---------------------*/
/*  Container Announce */
/*---------------------*/
.mContainer_Announce {
   position: relative;
   clear: both;
   float: left;
   width: 100%;
   height: auto;
   /*background-image: url("../images/announce_backgroundPic.jpg"); */
   /*
   background-image: url('../images/midmo_bandPic_01.jpg');  /* url is relative to this stylesheet */
   /* Center and scale the image nicely */
   /*background-position: center;
   background-repeat: no-repeat;
   background-size: cover;*/
}
.backgroundPic {
}
img.backgroundPic {
  /* display: block; */
  width: 100%;
  margin: 0px auto;
  opacity: 0.7;
}

/*------------------*/
/*  Announce Single */
/*------------------*/
.mContainer_AnnounceSingle {
    width: 100%;
    /* height: 1100px; */
   }
.announceSingle_Box {
   position: relative;
   float: left;
   width: 100%;
   padding-top: 30px;
   padding-bottom: 20px;
}
.announceSingle_text1, .announceSingle_text2, .announceSingle_textTitle {
   margin: 0;
   padding-bottom: 20px;
   font-weight: bold;
   text-align: center;
   /*color: white;*/
   }
.announceSingle_text1 {
   font-size: 3em;
   font-size: 3rem;
   }
.announceSingle_textTitle{
   font-size: 3em;
   font-size: 3rem;
   }
.announceSingle_text2{
   font-size: 2em;
   font-size: 2rem;
   }
.announceSingle_photoBox {
    width: 100%
}
img.announceSingle_pic {
    display: block;
    height: auto;
    margin: 0 auto;
 }


/*------------------*/
/*  Announce Album  */
/*------------------*/
.mContainer_AnnounceAlbum {
    height: 1850px; 
   }
.announceAlbum_text1, .announceAlbum_text2, .announceAlbum_textTitle {
   position: absolute;
   margin: 0;
   padding-bottom: 50px;
   font-weight: bold;
   text-align: center;
   /*color: white;*/
   }
.announceAlbum_text1 {
   left: 16%;
   top:  5%;
   font-size: 3em;
   font-size: 3rem;
   }
.announceAlbum_textTitle{
   left: 58%;
   top:  4%;
   font-size: 5em;
   font-size: 5rem;
   }
.announceAlbum_text2{
   left: 52%;
   top:  14%;
   font-size: 2em;
   font-size: 2rem;
   }
img.announceAlbum_pic1, img.announceAlbum_pic2 {
    position: absolute;
    width: 25%;
    height: auto;
    margin: 0;
    border: solid 1px white;
   }
 img.announceAlbum_pic1 {
    top: 15%;
    left: 10%;
    }
 img.announceAlbum_pic2 {
    top:  55%;
    left: 10%;
   } 

/*--------*/
/*  Photo */
/*--------*/
.mPhotoContainer {
   clear: none;
   width: 100%;
}
.mPhotoBox {
   clear: none;
   width: 100%;
   margin: 10px 0 10px 0;
}
.mPhotoPic {
   clear: none;
   margin: 0 auto;
}
.mPhotoText {
   clear: none;
   margin: 5px auto 0px auto;
   color: black;
}
img.mPhotoPic {
   width: 960px;
   margin: 0 auto;
}


/*--------------*/
/*  Album Cover */
/*--------------*/
.mAlbumCover_Box {
   float: left;
   width: 45%;
   padding: 50px 0 50px 0;
   margin: 0;
}
.mAlbumCover_PhotoBox {
}
.mAlbumCover_Pic {
}
img.mAlbumCover_Pic {
  display: block;
  margin: 0px auto;
  width: 480px;
  height: auto;
}


/*----------*/
/* LinkBox  */
/*----------*/
.releaseLinks {
    position: absolute;
    margin: 0;
    left: 40%;
    top:  20%;
    width: 55%;
    /*background-color: red; */
  }

 .release_linkBox {
    width: 100%;
    margin: 0px auto;
  }

 .link_Box {
    background: transparent;
    /* background-color:bisque; */
    /* background-color: rgb(227, 178, 245); */
 }

 .releaseLink_Title {
    float: left;
    width: 100%;
    padding: 50px 0 20px 0;
    font-size: 4em;
    font-size: 4rem;
    text-align: center;
 }
 .linkTitle {
    color: black;
   /* background-color: white; */
}

.releaseLink_Row {
    float: left;
    width: 100%;
 }

.linkRef {
    float: left;
    margin: 0;
    padding: 20px 0 0 0;
 }
 .linkRef_background {
    /* background-color: rgb(227,178,245); */
 }

 img.linkRef_Pic {
    display: block;
    clear: both;
    width: 200px;
    margin: 0 auto;
    }
 .releaseLink_25 {
    width: 25%;
 }
 .releaseLink_33 {
    width: 33%;
 }
 .releaseLink_50 {
    width: 50%;
 }
 .releaseLink_100 {
    width: 100%;
 }

 
/*----------------------*/
/* album, single, Links */
/*----------------------*/
.album_Links, .single_Links {
   float: left;
   width: 55%;
   /* padding: 0 5% 0 5%; */
}

.album_linkBox, .single_linkBox {
   float: left;
   width: 100%;
   padding: 50px 0 50px 0;
   margin: 0;
   /*background-color: red; */
 }




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

@media only screen and (max-width: 2200px) {
   .mContainer_AnnounceAlbum {
      height: 1600px; 
     }
   .announceAlbum_textTitle {
      left: 55%;
      }
}

@media only screen and (max-width: 2000px) {
   .announceAlbum_text1 {
      left: 14%;
      }
}

@media only screen and (max-width: 1750px) {
   .mContainer_AnnounceAlbum {
      height: 1300px; 
     }
   .announceAlbum_textTitle {
      left: 53%;
      }
    img.singleLink_pic  {
      width: 130px;
      } 
  
}

@media only screen and (max-width: 1650px) {
   .announceAlbum_text1 {
      left: 12%;
      }
    .announceSingle_textTitle, .announceSingle_text1, .announceSingle_text2 {
       font-size: 2em;
       font-size: 2rem;
       }


}   

@media only screen and (max-width: 1366px) { 
   .mContainer_AnnounceAlbum {
      height: 1100px; 
     }
   .announceAlbum_text1 {
      font-size: 2em;
      font-size: 2rem;
      left: 15%;
   }
   .announceAlbum_textTitle {
      font-size: 4em;
      font-size: 4rem;
      }
   .announceAlbum_text2 {
      font-size: 1.5em;
      font-size: 1.5rem;
      }
    .release_linkBox {
       top: 53%; 
    }
   img.linkRef_Pic {
      width: 150px;
   }
}

@media only screen and (max-width: 1250px) {
   .announceAlbum_textTitle {
      left: 51%;
      }
}

@media only screen and (max-width: 1160px) {
   .mContainer_AnnounceAlbum {
      height: 900px; 
     }
    .announceSingle_textTitle, .announceSingle_text2 {
        font-size: 1.5em;
        font-size: 1.5rem;
        }
    img.announceSingle_pic {
        width: 420px;
        height: 420px;
        }
}


@media only screen and (max-width: 1080px) {  /* Switch from menu bar to menu button */
   .mContainer_AnnounceAlbum {
      height: 1200px; 
     }
   .announceAlbum_text1 {
      left: 40%; 
   }
   img.announceAlbum_pic1 {
      top: 15%;
      left: 18%;
      width: 30%;
      }
   img.announceAlbum_pic2 {
      top:  15%;
      left: 55%;
      width: 30%;
     } 

   .mAlbumCover_Box {
      width: 100%;
      }
   img.mAlbumCover_Pic {
      width: 460px;
      margin-top: 0px;
      }
   .mAlbumTitle_PhotoBox {
      margin-top: 0px;
      }
   img.mAlbumTitle_Pic {
      width: 500px;
      }

   .releaseLinks {
      top: 40%;
      width: 100%;
      left: 0%;
      }
   .single_Links, .album_Links {
      width: 100%;
      }

}



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

   .album_linkBox, .single_linkBox {
      width: 90%;
      margin-left: 5%;
   }

}





@media only screen and (max-width: 900px) {
   .announceAlbum_textTitle, .releaseLink_Title{
      font-size: 3em;
      font-size: 3rem;
      }

   .announceAlbum_textTitle {
      left: 54%;
      }

    .announceSingle_Box {
        width: 100%;
        }
    .announceSingle_textTitle {
        font-size: 2em;
        font-size: 2rem;
        }

}

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

   .announceAlbum_textTitle {
      left: 52%;
      }
}

@media only screen and (max-width: 700px) {
   .mContainer_AnnounceAlbum {
      height: 1000px; 
     }
   .announceAlbum_textTitle {
      left: 50%;
      }
   img.announceAlbum_pic1 {
      top: 12%;
      }
   img.announceAlbum_pic2 {
      top:  12%;
     } 
   .releaseLinks {
      top: 32%;
    }
   img.linkRef_Pic {
      width: 125px;
   }
}


@media only screen and (max-width: 670px) {
  
   img.mAlbumCover_Pic {
      width: 320px;
      margin-top: 0px;
   }
   img.mAlbumTitle_Pic {
      width: 400px;
   }

   .album_linkBox, .single_linkBox {
        width: 100%;
        padding: 0 0 0 0;
     }
}


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

   .announceAlbum_text1 {
      font-size: 1.5em;
      font-size: 1.5rem;
   }
   .announceAlbum_textTitle, .releaseLink_Title{
      font-size: 2.5em;
      font-size: 2.5rem;
   }
}


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

    .announceSingle_textTitle, .announceSingle_text1, .announceSingle_text2 {
       font-size: 1.5em;
       font-size: 1.5rem;
       }
    img.announceSingle_pic {
       width: 320px;
       height: 320px;
       }

 }


@media only screen and (max-width: 540px) {
   img.mAlbumCover_Pic {
      width: 320px;
      margin-top: 0px;
   }

   .album_linkBox, .single_linkBox {
      width: 100%;
      margin-left: 0%;
      padding: 0 1% 0 1%;
   }
   #mAlbumLink_blank01 {
      display: none;
   }

}


@media only screen and (max-width: 510px) {
   .mContainer_AnnounceAlbum {
      height: 1300px; 
     }
   img.announceAlbum_pic1 {
      top: 10%;
      left: 20%;
      width: 60%;
      }
   img.announceAlbum_pic2 {
      top:  37%;
      left: 20%;
      width: 60%;
     } 
   .announceAlbum_text1 {
      top: 4.5%;
      left: 35%;
      font-size: 1.5em;
      font-size: 1.5rem;
   }
   .announceAlbum_textTitle, .releaseLink_Title{
      font-size: 2.0em;
      font-size: 2.0rem;
   }
   .releaseLinks {
      top: 60%;
    }
   img.linkRef_Pic {
      width: 100px;
   }
}

@media only screen and (max-width: 460px) { 
   .mContainer_AnnounceAlbum {
      height: 1350px; 
     } 
   .mPage_title {
      font-size: 3.0rem;
   }
   img.mAlbumCover_Pic {
      width: 320px;
   }
   img.mAlbumTitle_Pic {
      width: 360px;
   }

}



@media only screen and (max-width: 414px) { /* iPhone 8 plus view port size is 414 x 736 */
   .announceAlbum_text1 {
      left: 30%; 
   }
   img.mAlbumTitle_Pic {
       width: 350px;
    }
    
}



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

   img.announceAlbum_pic1 {
      top: 13%;
      }
   img.announceAlbum_pic2 {
      top:  35%;
     } 
   .releaseLinks {
      top: 52%;
    }
   img.linkRef_Pic {
      width: 80px;
   }
}