@font-face {
  font-family: stuFont;
  src: url('Optima.ttc');
}

@font-face {
  font-family: newFont;
  src: url('TrajanPro-Regular.otf');
}

a:link {
    color: #ffffff;
    text-decoration: none;
    letter-spacing: 0.1em;
    font-size: 1.2em;
}

a:link img, a:visited img {
  color: #ffffff;
  text-decoration: none;
  letter-spacing: 0.1em;
  font-size: 1.2em;
}

a:visited {
  color: #ffffff;
  text-decoration: none;
  letter-spacing: 0.1em;
  font-size: 1.2em;
}

a:hover {
  color: #ffffff;
  text-decoration: none;
  letter-spacing: 0.1em;
  font-size: 1.2em;
}

a:current {
  color: #ffffff;
  text-decoration: none;
  letter-spacing: 0.1em;
  font-size: 1.2em;
}

body {
  height: 110%;
  margin: 0;
}
.italic {
  font-style: italic;
}

.front-welcome {
  padding-top: 20%;
  font-weight: 100;
}
.top {
  margin-top: 1%;
}



/* MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE 
MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE*/

@media screen and (max-width: 767px) {
  /* MOBILE */    .front {
  /* MOBILE */      font-size: 2em;
  /* MOBILE */     }
  /* MOBILE */     .italic {
  /* MOBILE */      font-style: italic;
  /* MOBILE */     }
  /* MOBILE */        
  /* MOBILE */  .wrapper {
  /* MOBILE */      display: block;
  /* MOBILE */      position: fixed;
  /* MOBILE */      top:0;
  /* MOBILE */      left: 0;
  /* MOBILE */      width: 100%;
  /* MOBILE */      height: 100%;
  /* MOBILE */      background-image: url(images/bg2020.png);
  /* MOBILE */      background-size: cover;
  /* MOBILE */  }
  /* MOBILE */  
  /* MOBILE */  .container {
  /* MOBILE */    position: absolute;
  /* MOBILE */  	top:0;
  /* MOBILE */  	left: 0;
  /* MOBILE */  	width: 100%;
  /* MOBILE */  	height: 100%;
  /* MOBILE */      display: block;
  /* MOBILE */      font-family: stuFont;
  /* MOBILE */      color: #ffffff;
  /* MOBILE */  }
  /* MOBILE */  
  /* MOBILE */  .logo-nav {
  /* MOBILE */    display: block;
  /* MOBILE */    width: 100%;
  /* MOBILE */    height: 15%;
  /* MOBILE */    position: fixed;
  /* MOBILE */    z-index: 2;
  /* MOBILE */  }
  /* MOBILE */  
  /* MOBILE */  .logo-placeholder {
  /* MOBILE */      display: block;
  /* MOBILE */      width: 100%;
  /* MOBILE */      height: 100%;
  /* MOBILE */      position: relative;
  /* MOBILE */  }
  /* MOBILE */  
  /* MOBILE */  #page-nav {
  /* MOBILE */      width: 60%;
  /* MOBILE */      /* If you want the navigation bar to stick on top*/
  /* MOBILE */      position: fixed;
  /* MOBILE */      top: 15%;
  /* MOBILE */      left: 7%;
  /* MOBILE */      z-index: 2;
  /* MOBILE */    }
  /* MOBILE */    
  /* MOBILE */    /* Hide Hamburger */
  /* MOBILE */    #page-nav label, #hamburger {
  /* MOBILE */      display: none;
  /* MOBILE */    }
  /* MOBILE */      /* this is only for the hamburger symbol */
  /* MOBILE */      #page-nav label {
  /* MOBILE */          position: fixed;
  /* MOBILE */          display: inline-block;
  /* MOBILE */          top: 10%;
  /* MOBILE */          color: #ffffff;
  /* MOBILE */          font-size: 4.2em;
  /* MOBILE */          padding-bottom: 5px;
  /* MOBILE */        }
      /* MOBILE */  
  /* MOBILE */        /* Break down menu items into vertical */
  /* MOBILE */        
  /* MOBILE */        #page-nav ul li {
  /* MOBILE */          display: block;
  /* MOBILE */          position: relative;
  /* MOBILE */          margin-bottom: 4px;
  /* MOBILE */          font-size: 140%;
  /* MOBILE */          padding-top: 15px;
  /* MOBILE */          padding-bottom: 10px;
  /* MOBILE */          padding-left: 70px;
  /* MOBILE */        }
      /* MOBILE */  
      /* MOBILE */  
  /* MOBILE */        /* Toggle show/hide menu on checkbox click */
  /* MOBILE */        #page-nav ul {
  /* MOBILE */          display: none;
  /* MOBILE */        }
  /* MOBILE */        #page-nav input:checked ~ ul {
  /* MOBILE */          width: 100%;
  /* MOBILE */          display: block;
  /* MOBILE */          padding-top: 25px;
  /* MOBILE */        }
      /* MOBILE */  
      /* MOBILE */  
  /* MOBILE */    /* Menu Items */
  /* MOBILE */    #page-nav ul {
  /* MOBILE */      list-style-type: none;
  /* MOBILE */      margin: 0;
  /* MOBILE */      padding: 0;
  /* MOBILE */    }
  /* MOBILE */    
  /* MOBILE */    #page-nav ul li {
  /* MOBILE */      background-color: #72716fb7;
  /* MOBILE */      border: rgba(253, 250, 250, 0.568);
  /* MOBILE */      border-radius: 3%;
  /* MOBILE */      border-width: 1px;
  /* MOBILE */      border-style: solid;
  /* MOBILE */    }
  /* MOBILE */    
  /* MOBILE */  
  /* MOBILE */    .front-image { 
  /* MOBILE */        display: block; 
  /* MOBILE */        width: 100%;
  /* MOBILE */        height: 95%;
  /* MOBILE */        margin: 0 auto;
  /* MOBILE */        top: 10%;
  /* MOBILE */        left: 0;
  /* MOBILE */        background-image: url(images/SD_A3b.png);
  /* MOBILE */        background-repeat: no-repeat;
  /* MOBILE */        background-size: cover;
  /* MOBILE */        position: relative;
  /* MOBILE */      } 
    /* MOBILE */  
    /* MOBILE */  
  /* MOBILE */      .front-text {
  /* MOBILE */        display: block;
  /* MOBILE */        width: 93%;
  /* MOBILE */        height: 35%;
  /* MOBILE */        top: -30%;
  /* MOBILE */        margin: 0 auto;
  /* MOBILE */        font-family: newFont;
  /* MOBILE */        text-align: center;
  /* MOBILE */        position: relative;
  /* MOBILE */        letter-spacing: 0.07em;
  /* MOBILE */        color: #ffffff;
  /* MOBILE */        font-size: 140%;
  /* MOBILE */        font-weight: 500;
  /* MOBILE */        line-height: 1.2em;
  /* MOBILE */        padding: 0 15px 0 15px;
  /* MOBILE */      }   
  /* MOBILE */
  .ta-text {                
    display: inline-block;
    width: 100%;
    height: 15%;
    top: 70%;
    margin: 0 auto;
    font-family: newFont;
    text-align: center;
    position: relative;
    letter-spacing: 0.07em;
    color: #ffffff;
    font-size: 110%;
    font-weight: 500;
    line-height: 1.2em;
    background-color: rgba(105, 102, 102, 0.432);
  }   
  
  .ta-image {                               
    display: inline-block;
    width: 100%;
    height: 76%;
    background-image: url(images/SD_A2a.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    position: fixed;
    overflow: hidden;
    top: 25%;
  }
  /* MOBILE */      .second-image { 
  /* MOBILE */        display: block; 
  /* MOBILE */        width: 100%;
  /* MOBILE */        height: 40%;
  /* MOBILE */        margin: 0 auto;
  /* MOBILE */        top: 0%;
  /* MOBILE */        background-image: url(images/SD-A2.png);
  /* MOBILE */        background-repeat: no-repeat;
  /* MOBILE */        background-size: contain;
  /* MOBILE */        background-position: right;
  /* MOBILE */        position: relative;
  /* MOBILE */      } 
    /* MOBILE */  
    /* MOBILE */  
  /* MOBILE */  .second-wrap {
  /* MOBILE */    display: block;
  /* MOBILE */    width: 100%;
  /* MOBILE */    height: 80%;
  /* MOBILE */    padding-top: 20%;
  /* MOBILE */    position: fixed;
  /* MOBILE */    margin: 0 auto 0 auto;
  /* MOBILE */  }

   /* MOBILE */         .placeholder {
   /* MOBILE */         width: 100%;
   /* MOBILE */         height: 90%;
   /* MOBILE */         display: block;
   /* MOBILE */         position: relative;
   /* MOBILE */         background-image: url(images/SD4.png);
   /* MOBILE */         background-repeat: no-repeat;
   /* MOBILE */         background-size: 50%;
   /* MOBILE */         background-position: top;
      
                  }

  /* MOBILE */  .page-text-wrap {
  /* MOBILE */    width: 100%;
  /* MOBILE */    height: 100%;
  /* MOBILE */    display: block;
  /* MOBILE */    position: absolute;
  /* MOBILE */  }
  /* MOBILE */      .page-text {
  /* MOBILE */        display: block;
  /* MOBILE */        width: 90%;
  /* MOBILE */        height: 50%;
  /* MOBILE */        position: relative;
  /* MOBILE */        margin: 70% auto 0 auto;
  /* MOBILE */        text-align: justify;
  /* MOBILE */        text-shadow: 1px 1px #000000b6;
  /* MOBILE */        letter-spacing: 0.07em;
  /* MOBILE */        color: #ffffff;
  /* MOBILE */        background-color: #332b1f57;
  /* MOBILE */        font-size: 150%;
  /* MOBILE */        line-height: 1.45em;
  /* MOBILE */        padding: 5% 25px 5px 25px;
  /* MOBILE */        overflow: scroll;
  /* MOBILE */      }
  /* MOBILE */  /*Album**Album**Album**Album**Album**Album**Album**Album**Album**Album**Album*/
  /* MOBILE */         .page-music {
  /* MOBILE */              display: block;
  /* MOBILE */              width: 93%;
  /* MOBILE */              height: 70%;
  /* MOBILE */              margin: 35% auto 0 auto;
  /* MOBILE */              background-image: url(images/img_music_a.png);
  /* MOBILE */              background-position: center;
  /* MOBILE */              background-size: cover;
  /* MOBILE */              background-repeat: no-repeat;
  /* MOBILE */              text-align: justify;
  /* MOBILE */              padding: 5% 2% 5% 2%;
  /* MOBILE */              font-size: 100%;
                            overflow: scroll;
  /* MOBILE */            }
  /* MOBILE */            .white {
  /* MOBILE */              color: #ffffff;
  /* MOBILE */            }
  /* MOBILE */            
  /* MOBILE */            #album-mob {
  /* MOBILE */              display: none;
  /* MOBILE */            }
  /* MOBILE */            .album-cover {
  /* MOBILE */              margin-top: 2%;
  /* MOBILE */              margin-bottom: 10%;
  /* MOBILE */            }
  /* MOBILE */            
  /* MOBILE */            .cover-ad {
  /* MOBILE */              position: relative;
  /* MOBILE */              margin: 0 auto;
  /* MOBILE */            }
  /* MOBILE */            
  /* MOBILE */            .cover-ad-lit {
  /* MOBILE */              margin: 0 auto;
  /* MOBILE */              position: relative;
  /* MOBILE */            }
  /* MOBILE */            
  /* MOBILE */            
  /* MOBILE */            .album {
  /* MOBILE */              display: inline-block;
  /* MOBILE */              width: 40%;
  /* MOBILE */              position: absolute;
  /* MOBILE */              text-align: center;
  /* MOBILE */              font-family: newFont; 
  /* MOBILE */              padding-top: 5%;
  /* MOBILE */              color: white;
  /* MOBILE */            }
  /* MOBILE */
  /* MOBILE */              .buy {
  /* MOBILE */              display: inline-block;
  /* MOBILE */              position: relative;
  /* MOBILE */              width: 100%;
  /* MOBILE */              text-align: center;
  /* MOBILE */              font-family: newFont; 
  /* MOBILE */              color: white;
  /* MOBILE */              z-index: 1;
  /* MOBILE */            }
            
  /* MOBILE */            .album_lit {
  /* MOBILE */              display: inline-block;
  /* MOBILE */              width: 40%;
  /* MOBILE */              position: absolute;
  /* MOBILE */              text-align: center;
  /* MOBILE */              padding-top: 65%;
  /* MOBILE */              font-family: newFont; 
  /* MOBILE */              color: white;
  /* MOBILE */            }
  /* MOBILE */            
  /* MOBILE */            
  /* MOBILE */            #sub_menu {
  /* MOBILE */              display: inline-block;
  /* MOBILE */              width:55%;
  /* MOBILE */              position: relative;
  /* MOBILE */              padding-left: 45%;
  /* MOBILE */              text-align: left;
  /* MOBILE */          font-family: newFont; 
  /* MOBILE */              overflow: scroll;
  /* MOBILE */              color: #000000;
  /* MOBILE */            }
  /* MOBILE */            
  /* MOBILE */            .mp3Player {
  /* MOBILE */              margin-top: 2%;
  /* MOBILE */              background-color: rgba(255, 255, 255, 0.493);
  /* MOBILE */              font-size: 100%;
  /* MOBILE */            border: rgb(119, 106, 106);
  /* MOBILE */            border-radius: 5%;
  /* MOBILE */            border-width: 1px;
  /* MOBILE */            border-style: solid;
  /* MOBILE */      
  /* MOBILE */              }
  /* MOBILE */       
  /* MOBILE */            .btnPlayPause {
  /* MOBILE */              display: inline-block;
  /* MOBILE */              width: 20%;
  /* MOBILE */              height: 45px;
  /* MOBILE */              top: 0;
  /* MOBILE */              font-size: 1em;
  /* MOBILE */              text-align: left;
  /* MOBILE */            }
  /* MOBILE */            .infoLabel {
  /* MOBILE */              width: 80%;
  /* MOBILE */              height: 45px;
  /* MOBILE */              color: #332b1f;
                            font-size: 70%;
  /* MOBILE */            }
  /* MOBILE */  /* VIDEO  VIDEO  VIDEO  VIDEO  VIDEO  VIDEO  VIDEO  VIDEO  VIDEO */
  /* MOBILE */  
  /* MOBILE */  .video-wrap {
  /* MOBILE */  	width: 100%;
  /* MOBILE */  	height: 60%;
  /* MOBILE */  	position: absolute;
  /* MOBILE */  	padding-top: 56.25%;
  overflow: scroll;
  /* MOBILE */  }

  /* MOBILE */    .iframe_holder {
  /* MOBILE */      width: 100%;
  /* MOBILE */    padding-top: 56.25%;
  /* MOBILE */    overflow: hidden;
  /* MOBILE */    position: relative;
  /* MOBILE */    }


  /* MOBILE */  .iframe-container{
  /* MOBILE */  	position: relative;
  /* MOBILE */    width: 100%;
  /* MOBILE */    top: 25%;
  /* MOBILE */    }

  /* MOBILE */  .responsive-iframe {
  /* MOBILE */    position: absolute;
  /* MOBILE */    top: 0;
  /* MOBILE */    left: 0;
  /* MOBILE */    bottom: 0;
  /* MOBILE */    right: 0;
  /* MOBILE */    width: 100%;
  /* MOBILE */    height: 100%;
  /* MOBILE */    border: none;
  /* MOBILE */  }


  /* MOBILE */    .iframe-container::after {
  /* MOBILE */  	padding-top: 56.25%;
  /* MOBILE */      display: block;
  /* MOBILE */      content: ''; 
  /* MOBILE */    }
  /* MOBILE */    .iframe-container iframe{
  /* MOBILE */  	position: absolute;
  /* MOBILE */  	top:60%;
  /* MOBILE */  	left: 0;
  /* MOBILE */  	width: 100%;
  /* MOBILE */  	height: 100%;
  /* MOBILE */    }
  /* MOBILE */  
  /* MOBILE */  /* CONTACT  CONTACT  CONTACT  CONTACT  CONTACT */
  /* MOBILE */  h4 {
  /* MOBILE */    font-size: 0.9em;
  /* MOBILE */  }
  /* MOBILE */  .contact-wrap {
  /* MOBILE */    width: 100%;
  /* MOBILE */    height: 95%;
  /* MOBILE */    margin: 0 auto 0 auto;
  /* MOBILE */    position: fixed;
  /* MOBILE */    background-image: url(images/SD_A2a.png);
  /* MOBILE */    background-repeat: no-repeat;
  /* MOBILE */    background-size: cover;
  /* MOBILE */    background-position-x: 90%;
  /* MOBILE */    background-position-y: bottom;
  /* MOBILE */  }
  /* MOBILE */  
  /* MOBILE */  .contact-holder {
  /* MOBILE */  width: 100%;
  /* MOBILE */  height: 56%;
  /* MOBILE */  position: relative;
  /* MOBILE */  margin: 0 auto;
  /* MOBILE */  padding-top: 75%;
  /* MOBILE */  font-family: newFont;
  /* MOBILE */  font-size: 120%;
  /* MOBILE */  overflow: scroll;
  
  /* MOBILE */  }
  /* MOBILE */  
  /* MOBILE */  .contact-web {
  /* MOBILE */    width: 95%;
  /* MOBILE */    height: 95%;
  /* MOBILE */      margin: 0 auto;
  /* MOBILE */        background-color: #332b1f57;
  /* MOBILE */    display: grid;
  /* MOBILE */  grid-template-columns: 50% 50% ;
  /* MOBILE */  grid-template-rows: 80px repeat(2, 60px) 150px repeat(3, 100px);
  /* MOBILE */  grid-column-gap: 0px;
  /* MOBILE */  grid-row-gap: 0; 
  /* MOBILE */  
  /* MOBILE */    }
  /* MOBILE */  
  /* MOBILE */    button {
  /* MOBILE */      width: 120px;
  /* MOBILE */      height: 40px;
  /* MOBILE */      font-size: 1em;  
  /* MOBILE */  }
  /* MOBILE */  
  /* MOBILE */  
  /* MOBILE */    input[type=submit] {
  /* MOBILE */      width: 120px;
  /* MOBILE */      height: 40px;
  /* MOBILE */      font-size: 1.2em;  
  /* MOBILE */  }
  /* MOBILE */  
  /* MOBILE */  
  /* MOBILE */    .div100 {
  /* MOBILE */       grid-area: 1 / 1 / 2 / 3;
  /* MOBILE */       padding-right: 2%;
  /* MOBILE */       text-align: right;
  /* MOBILE */       } 
  /* MOBILE */    .div14 {     
  /* MOBILE */      grid-area:  2 / 1 / 3 / 2;
  /* MOBILE */       padding-left: 2%;
  /* MOBILE */      }
  /* MOBILE */  
  /* MOBILE */    .div17 { 
  /* MOBILE */      text-align: left;
  /* MOBILE */       padding-left: 2%;
  /* MOBILE */      grid-area: 3 / 1 / 4 / 2;
  /* MOBILE */     }
  /* MOBILE */    .div18 {
  /* MOBILE */      display:none;
  /* MOBILE */     }
  /* MOBILE */     .div23 { 
  /* MOBILE */      text-align: left;
  /* MOBILE */      grid-area: 3 / 2 / 4 / 3;
  /* MOBILE */      } 
  /* MOBILE */    .div19 { 
  /* MOBILE */      grid-area: 4 / 1 / 5 / 2;
  /* MOBILE */       padding-left: 2%;
  /* MOBILE */     }
  /* MOBILE */    .div20 { 
  /* MOBILE */      text-align: left;
  /* MOBILE */      grid-area: 4 / 2 / 6 / 3;
  /* MOBILE */     }
  /* MOBILE */    .div21 { 
  /* MOBILE */      text-align: right;
  /* MOBILE */      grid-area: 6 / 1 / 7 / 2;
  /* MOBILE */     }
  /* MOBILE */    .div33 {
  /* MOBILE */      grid-area: 6 / 2 / 7 / 3;
  /* MOBILE */       padding-right: 2%;
  /* MOBILE */      text-align: right;
  /* MOBILE */    } 
  /* MOBILE */    .div25 {
  /* MOBILE */        grid-area: 5 / 1 / 6 / 2;
  /* MOBILE */        text-align: right;
  /* MOBILE */      }
  /* MOBILE */    .div27 {
  /* MOBILE */        grid-area: 5 / 2 / 6 / 3;
  /* MOBILE */        text-align: right;
  /* MOBILE */       padding-right: 2%;
  /* MOBILE */      }
  /* MOBILE */    .div34 {
  /* MOBILE */      grid-area: 7 / 1 / 8 / 3;
  /* MOBILE */      font-size: 80%;
  /* MOBILE */      text-align: center;
  /* MOBILE */      padding-top: 8%;
  /* MOBILE */    }
  /* MOBILE */    .div99 { 
  /* MOBILE */      display: none;
  /* MOBILE */     }
   /* MOBILE */ 
   /* MOBILE */ 
   /* MOBILE */ 
   /* MOBILE */ 
  /* MOBILE */
  
  /* FOOTER  FOOTER  FOOTER  FOOTER  FOOTER */
  /* MOBILE */        .footer-desktop {
                        display: none;
                        }

  /* MOBILE */  
  /* MOBILE */  .footer {
  /* MOBILE */    position: fixed;
  /* MOBILE */    bottom:0;
  /* MOBILE */    left: 0;
  /* MOBILE */    width: 100%;
  /* MOBILE */    height: 5%;
  /* MOBILE */    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  /* MOBILE */    font-size: 0.7em;
  /* MOBILE */    line-height: 2.5em;
  /* MOBILE */    text-align: center;
  /* MOBILE */    color: #ffffff;
  /* MOBILE */  }
  /* MOBILE */  }


              /* iPads (portrait and landscape) ----------- iPads (portrait and landscape) ----------- iPads (portrait and landscape) ----------- 
              iPads (portrait and landscape) ----------- iPads (portrait and landscape) ----------- iPads (portrait and landscape) ----------- */


      /* TABLET */    @media only screen and (min-width : 768px) and (max-width: 991px) {

      /* TABLET */      .front {
      /* TABLET */        font-size: 2em;
      /* TABLET */       }

      /* TABLET */       .italic {
      /* TABLET */        font-style: italic;
      /* TABLET */       }

      /* TABLET */       h7 {
      /* TABLET */       font-family: newFont;        
      /* TABLET */       }  

      /* TABLET */    .wrapper {
      /* TABLET */        display: block;
      /* TABLET */        position: fixed;
      /* TABLET */        top:0;
      /* TABLET */        left: 0;
      /* TABLET */        width: 100%;
      /* TABLET */        height: 100%;
      /* TABLET */        background-image: url(images/bg2020.png);
      /* TABLET */        background-size: cover;
      /* TABLET */    }
      /* TABLET */    
      /* TABLET */    .container {
      /* TABLET */      position: absolute;
      /* TABLET */    	top:0;
      /* TABLET */    	left: 0;
      /* TABLET */    	width: 100%;
      /* TABLET */    	height: 100%;
      /* TABLET */        display: block;
      /* TABLET */        font-family: stuFont;
      /* TABLET */    }
      /* TABLET */    
      /* TABLET */    .logo-nav {
      /* TABLET */      display: block;
      /* TABLET */      width: 100%;
      /* TABLET */      height: 22%;
      /* TABLET */      position: fixed;
      /* TABLET */      z-index: 2;
      /* TABLET */    }
      /* TABLET */    
      /* TABLET */    .logo-placeholder {
      /* TABLET */        display: block;
      /* TABLET */        width: 100%;
      /* TABLET */        height: 100%;
      /* TABLET */        position: relative;
      /* TABLET */    }
      /* TABLET */    
      /* TABLET */    #page-nav {
      /* TABLET */      width: 30%;
      /* TABLET */      /* If you want the navigation bar to stick on top*/
      /* TABLET */      position: fixed;
      /* TABLET */      top: 20%;
      /* TABLET */      left: 7%;
      /* TABLET */      z-index: 2;
      /* TABLET */    }
      /* TABLET */    
      /* TABLET */      /* Hide Hamburger */
      /* TABLET */      #page-nav label, #hamburger {
      /* TABLET */        display: none;
      /* TABLET */      }

      /* TABLET */        /* this is only for the hamburger symbol */
      /* TABLET */        #page-nav label {
      /* TABLET */            position: fixed;
      /* TABLET */            display: inline-block;
      /* TABLET */            top: 12%;
      /* TABLET */            color: #ffffff;
      /* TABLET */            font-size: 4em;
      /* TABLET */            padding-bottom: 5px;
      /* TABLET */          }

      /* TABLET */          /* Break down menu items into vertical */
      /* TABLET */          
      /* TABLET */          #page-nav ul li {
      /* TABLET */            display: block;
      /* TABLET */            position: relative;
      /* TABLET */            margin-bottom: 4px;
      /* TABLET */            font-size: 140%;
      /* TABLET */            padding-top: 15px;
      /* TABLET */            padding-bottom: 10px;
      /* TABLET */            padding-left: 70px;
      /* TABLET */          }

      /* TABLET */          /* Toggle show/hide menu on checkbox click */
      /* TABLET */          #page-nav ul {
      /* TABLET */            display: none;
      /* TABLET */          }

      /* TABLET */          #page-nav input:checked ~ ul {
      /* TABLET */            width: 100%;
      /* TABLET */            display: block;
      /* TABLET */          }

      /* TABLET */      /* Menu Items */
      /* TABLET */      #page-nav ul {
      /* TABLET */        list-style-type: none;
      /* TABLET */        margin: 0;
      /* TABLET */        padding: 0;
      /* TABLET */      }

      /* TABLET */      #page-nav ul li {
      /* TABLET */        background-color: #5a585480;
      /* TABLET */        border: rgba(253, 250, 250, 0.568);
      /* TABLET */        border-radius: 5%;
      /* TABLET */        border-width: 1px;
      /* TABLET */        border-style: solid;
      /* TABLET */      }

      /* TABLET */      .front-image { 
      /* TABLET */          display: block; 
      /* TABLET */          width: 100%;
      /* TABLET */          height: 95%;
      /* TABLET */          margin: 0 auto;
      /* TABLET */          top: 10%;
      /* TABLET */          left: 0;
      /* TABLET */          background-image: url(images/SD_A3b.png);
      /* TABLET */          background-repeat: no-repeat;
      /* TABLET */          background-size: 70%;
      /* TABLET */          background-position: bottom left;
      /* TABLET */          position: relative;
      /* TABLET */        } 

      /* TABLET */        .front-text {
      /* TABLET */          display: block;
      /* TABLET */          width: 60%;
      /* TABLET */          height: 35%;
      /* TABLET */          top: -60%;
      /* TABLET */          margin-left: 40%;
      /* TABLET */          font-family: newFont;
      /* TABLET */          text-align: center;
      /* TABLET */          position: relative;
      /* TABLET */          letter-spacing: 0.07em;
      /* TABLET */          color: #ffffff;
      /* TABLET */          font-size: 140%;
      /* TABLET */          font-weight: 500;
      /* TABLET */          line-height: 1.2em;
      /* TABLET */          padding: 0 15px 0 15px;
      /* TABLET */        }   

      /* TABLET */        .ta-text {                
      /* TABLET */          display: block;
      /* TABLET */          width: 60%;
      /* TABLET */          height: 35%;
      /* TABLET */          top: 50%;
      /* TABLET */          margin-left: 40%;
      /* TABLET */          font-family: newFont;
      /* TABLET */          text-align: center;
      /* TABLET */          position: relative;
      /* TABLET */          letter-spacing: 0.07em;
      /* TABLET */          color: #ffffff;
      /* TABLET */          font-size: 140%;
      /* TABLET */          font-weight: 500;
      /* TABLET */          line-height: 1.2em;
      /* TABLET */          padding: 0 15px 0 15px;
      /* TABLET */        }   


      /* TABLET */    .second-wrap {
      /* TABLET */      display: block;
      /* TABLET */      width: 100%;
      /* TABLET */      height: 80%;
      /* TABLET */      position: relative;
      /* TABLET */      margin: 33% auto 0 auto;
      /* TABLET */    }
      /* TABLET */    
      /* TABLET */    .placeholder {
      /* TABLET */      width: 100%;
      /* TABLET */      height: 90%;
      /* TABLET */      display: block;
      /* TABLET */    position: relative;
      /* TABLET */    background-image: url(images/SD4.png);
      /* TABLET */    background-repeat: no-repeat;
      /* TABLET */    background-size: 50%;
      /* TABLET */    background-position: bottom left;
      
      /* TABLET */    }
      /* TABLET */    .page-text-wrap {
      /* TABLET */      width: 100%;
      /* TABLET */      height: 100%;
      /* TABLET */      display: block;
      /* TABLET */      position: absolute;
      /* TABLET */    }

      /* TABLET */    .page-text {
      /* TABLET */      display: block;
      /* TABLET */      width: 40%;
      /* TABLET */      height: 85%;
      /* TABLET */      top: 9%;
      /* TABLET */      left: 52%;
      /* TABLET */      position: relative;
      /* TABLET */      text-align: justify;
      /* TABLET */      text-shadow: 1px 1px #000000d7;
      /* TABLET */      letter-spacing: 0.07em;
      /* TABLET */      color: #ffffff;
      /* TABLET */      background-color: #332b1f3a;
      /* TABLET */      font-size: 140%;
      /* TABLET */      line-height: 1.55em;
      /* TABLET */      padding: 5% 25px 5px 25px;
      /* TABLET */      overflow: scroll;
      /* TABLET */      box-shadow: #eeedec 1px 1px 7px 0px;
      /* TABLET */    }

                          /*Album**Album**Album**Album**Album**Album**Album**Album**Album**Album**Album*/
      /* TABLET */    
      /* TABLET */      .album-cover {
      /* TABLET */          margin-top: 2%;
      /* TABLET */          margin-bottom: 5%;
      /* TABLET */          font-size: 120%;
      /* TABLET */        }                   

      /* TABLET */      .page-music {
      /* TABLET */          display: block;
      /* TABLET */          width: 93%;
      /* TABLET */          height: 70%;
      /* TABLET */          margin: 28% auto 0 auto;
      /* TABLET */          background-image: url(images/img_music_a.png);
      /* TABLET */          background-position: center;
      /* TABLET */          background-size: cover;
      /* TABLET */          background-repeat: no-repeat;
      /* TABLET */          text-align: justify;
      /* TABLET */          padding: 5% 2% 5% 2%;
      /* TABLET */          font-size: 100%;
      /* TABLET */          overflow: scroll;
      /* TABLET */        }

      /* TABLET */        .white {
      /* TABLET */          color: #ffffff;
      /* TABLET */        }

                 
      /* TABLET */        .cover-ad {
      /* TABLET */          width: 70%;
      /* TABLET */          position: relative;
      /* TABLET */          margin: 0 auto;
      /* TABLET */        }
      /* TABLET */        
      /* TABLET */        .cover-ad-lit {
      /* TABLET */          width: 70%;
      /* TABLET */          margin: 0 auto;
      /* TABLET */          position: relative;
      /* TABLET */        }
      /* TABLET */        
      /* TABLET */        
      /* TABLET */        .album {
      /* TABLET */          display: inline-block;
      /* TABLET */          width: 40%;
      /* TABLET */          position: absolute;
      /* TABLET */          text-align: center;
      /* TABLET */          font-family: newFont; 
      /* TABLET */          color: white;
      /* TABLET */          padding-top: 5%;
      /* TABLET */        }
      /* TABLET */        .buy {
      /* TABLET */          display: inline-block;
      /* TABLET */          width: 100%;
      /* TABLET */          position: relative;
      /* TABLET */          text-align: center;
      /* TABLET */          font-family: newFont; 
      /* TABLET */          color: white;
      /* TABLET */          z-index: 2;
      /* TABLET */        }

      /* TABLET */        
      /* TABLET */        .album_lit {
      /* TABLET */          display: inline-block;
      /* TABLET */          width: 40%;
      /* TABLET */          position: absolute;
      /* TABLET */          text-align: center;
      /* TABLET */          padding-top: 50%;
      /* TABLET */          font-family: newFont; 
      /* TABLET */          color: white;
      /* TABLET */          z-index: 1;
      /* TABLET */        }
      /* TABLET */        
      /* TABLET */        
      /* TABLET */        #sub_menu {
      /* TABLET */          display: inline-block;
      /* TABLET */          width:45%;
      /* TABLET */          position: relative;
      /* TABLET */          padding-left: 50%;
      /* TABLET */          text-align: left;
      /* TABLET */          font-family: newFont; 
      /* TABLET */          overflow: scroll;
      /* TABLET */          color: #000000;
      /* TABLET */        }
      /* TABLET */        
      /* TABLET */        .mp3Player {
      /* TABLET */          margin-top: 2%;
      /* TABLET */          background-color: rgba(255, 255, 255, 0.493);
      /* TABLET */          font-size: 100%;
      /* TABLET */          border: rgb(119, 106, 106);
      /* TABLET */          border-radius: 5%;
      /* TABLET */         border-width: 1px;
      /* TABLET */         border-style: solid;

      /* TABLET */          }

        
      /* TABLET */        .btnPlayPause {
      /* TABLET */          display: inline-block;
      /* TABLET */          width: 20%;
      /* TABLET */          height: 45px;
      /* TABLET */          top: 0;
      /* TABLET */          font-size: 1em;
      /* TABLET */          text-align: left;
      /* TABLET */        }
      /* TABLET */        .infoLabel {
      /* TABLET */          width: 80%;
      /* TABLET */          height: 45px;
      /* TABLET */          color: #332b1f;
      /* TABLET */        }
                            /* VIDEO  VIDEO  VIDEO  VIDEO  VIDEO  VIDEO  VIDEO  VIDEO  VIDEO */

      /* TABLET */        .video-wrap {
      /* TABLET */            width: 100%;
      /* TABLET */            height: 60%;
      /* TABLET */            top: 40%;
      /* TABLET */            position: absolute;
      /* TABLET */          }

      /* TABLET */          .iframe_holder {
      /* TABLET */            width: 100%;
      /* TABLET */            position: relative;
      /* TABLET */            padding-top: 56.25%; /* 16:9 Aspect Ratio */
      /* TABLET */            overflow: hidden;
      /* TABLET */          }
    
      /* TABLET */          .responsive-iframe {
      /* TABLET */            position: absolute;
      /* TABLET */            top: 0;
      /* TABLET */            left: 0;
      /* TABLET */            bottom: 0;
      /* TABLET */            right: 0;
      /* TABLET */            width: 100%;
      /* TABLET */            height: 100%;
      /* TABLET */            border: none;
      /* TABLET */          }      
      
                            /* CONTACT  CONTACT  CONTACT  CONTACT  CONTACT */
      /* TABLET */    h4 {
      /* TABLET */      font-size: 0.9em;
      /* TABLET */    }
      /* TABLET */    .contact-wrap {
      /* TABLET */      width: 100%;
      /* TABLET */      height: 95%;
      /* TABLET */      margin: 0 auto 0 auto;
      /* TABLET */      position: fixed;
      /* TABLET */      background-image: url(images/SD_A2a.png);
      /* TABLET */      background-repeat: no-repeat;
      /* TABLET */      background-size: 80%;
      /* TABLET */      background-position-x: 190%;
      /* TABLET */      background-position-y: bottom;
      /* TABLET */    }
      /* TABLET */    .contact-image {
      /* TABLET */      display: none;
      /* TABLET */    }

      /* TABLET */    .contact-holder {
      /* TABLET */    width: 50%;
      /* TABLET */    height: 71.1%;
      /* TABLET */    top: 25%;
      /* TABLET */    position: relative;
      /* TABLET */    padding: 5% 3% 0 5%;
      /* TABLET */    font-family: newFont;
      /* TABLET */    font-size: 110%;
      /* TABLET */    overflow: scroll;
      /* TABLET */    color: white;
      /* TABLET */    background-color: #332b1f79;
      /* TABLET */    }

         
      /* TABLET */    .contact-web {
      /* TABLET */      width: 90%;
      /* TABLET */      height: 100%;
      /* TABLET */      display: grid;
      /* TABLET */    grid-template-columns: 50% 50% ;
      /* TABLET */    grid-template-rows: 80px repeat(2, 60px) 150px repeat(3, 100px);
      /* TABLET */    grid-column-gap: 0px;
      /* TABLET */    grid-row-gap: 0; 
      /* TABLET */    
      /* TABLET */      }
      /* TABLET */    
      /* TABLET */      button {
      /* TABLET */        width: 120px;
      /* TABLET */        height: 40px;
      /* TABLET */        font-size: 1em;  
      /* TABLET */    }
      /* TABLET */    
      /* TABLET */    
      /* TABLET */      input[type=submit] {
      /* TABLET */        width: 120px;
      /* TABLET */        height: 40px;
      /* TABLET */        font-size: 1.2em;  
      /* TABLET */    }
      /* TABLET */    
      /* TABLET */    
      /* TABLET */      .div100 {
      /* TABLET */         grid-area: 1 / 1 / 2 / 3;
      /* TABLET */         text-align: right;
      /* TABLET */         } 
      /* TABLET */      .div14 {     
      /* TABLET */        grid-area:  2 / 1 / 3 / 2;
      /* TABLET */        }
      /* TABLET */    
      /* TABLET */      .div17 { 
      /* TABLET */        text-align: left;
      /* TABLET */        grid-area: 3 / 1 / 4 / 2;
      /* TABLET */       }
      /* TABLET */      .div18 {
      /* TABLET */        display:none;
      /* TABLET */       }
      /* TABLET */       .div23 { 
      /* TABLET */        text-align: left;
      /* TABLET */        grid-area: 3 / 2 / 4 / 3;
      /* TABLET */        } 
      /* TABLET */      .div19 { 
      /* TABLET */        grid-area: 4 / 1 / 5 / 2;
      /* TABLET */       }
      /* TABLET */      .div20 { 
      /* TABLET */        text-align: left;
      /* TABLET */        grid-area: 4 / 2 / 6 / 3;
      /* TABLET */       }
      /* TABLET */      .div21 { 
      /* TABLET */        text-align: right;
      /* TABLET */        grid-area: 6 / 1 / 7 / 2;
      /* TABLET */          font-size: 90%;
      /* TABLET */       }
      /* TABLET */      .div33 {
      /* TABLET */        grid-area: 6 / 2 / 7 / 3;
      /* TABLET */        text-align: right;
      /* TABLET */          font-size: 90%;
      /* TABLET */      } 
      /* TABLET */      .div25 {
      /* TABLET */          grid-area: 5 / 1 / 6 / 2;
      /* TABLET */          text-align: right;
      /* TABLET */          font-size: 90%;
      /* TABLET */        }
      /* TABLET */      .div27 {
      /* TABLET */          grid-area: 5 / 2 / 6 / 3;
      /* TABLET */          text-align: right;
      /* TABLET */          font-size: 90%;
      /* TABLET */        }
      /* TABLET */      .div34 {
      /* TABLET */        grid-area: 7 / 1 / 8 / 3;
      /* TABLET */        font-size: 90%;
      /* TABLET */        text-align: center;
      /* TABLET */      }
      /* TABLET */      .div99 { 
      /* TABLET */        display: none;
      /* TABLET */       }
      /* TABLET */          
      /* TABLET */                  .ta-image {
      /* TABLET */                   display: inline-block;
      /* TABLET */                   width: 45%;
      /* TABLET */                   height: 76%;
      /* TABLET */                   background-image: url(images/SD_A2a.png);
      /* TABLET */                   background-repeat: no-repeat;
      /* TABLET */                   background-size: contain;
      /* TABLET */                   background-position: bottom;
      /* TABLET */                   position: fixed;
      /* TABLET */                   overflow: hidden;
      /* TABLET */                 }



                                    /* FOOTER  FOOTER  FOOTER  FOOTER  FOOTER */

  /* TABLET */  .footer-desktop {
  /* TABLET */    display: none;
  /* TABLET */  }

  /* TABLET */  .footer {
  /* TABLET */    position: fixed;
  /* TABLET */    bottom:0;
  /* TABLET */    left: 0;
  /* TABLET */    width: 100%;
  /* TABLET */    height: 5%;
  /* TABLET */    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  /* TABLET */    font-size: 0.7em;
  /* TABLET */    line-height: 2.5em;
  /* TABLET */    text-align: center;
  /* TABLET */    color: #ffffff;
  /* TABLET */  }

  /* TABLET */  }
  




/*DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP 
DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP*/

@media only screen and (min-width: 992px) {

      /* DESKTOP */          a:link {
      /* DESKTOP */            color: white;
      /* DESKTOP */            text-decoration: none;
      /* DESKTOP */            letter-spacing: 0.2em;
      /* DESKTOP */            font-size: 1.2em;
      /* DESKTOP */          }

      /* DESKTOP */          a:link img, a:visited img {
      /* DESKTOP */            color: white;
      /* DESKTOP */            text-decoration: none;
      /* DESKTOP */            letter-spacing: 0.2em;
      /* DESKTOP */            font-size: 1.2em;
      /* DESKTOP */          }

      /* DESKTOP */          a:visited {
      /* DESKTOP */            color: white;
      /* DESKTOP */          }

      /* DESKTOP */          a:hover {
      /* DESKTOP */            color: #f88e03;
      /* DESKTOP */            text-decoration: none;
      /* DESKTOP */            letter-spacing: 0.2em;
      /* DESKTOP */            font-size: 1.2em;
      /* DESKTOP */            text-shadow: 1px 1px 4px rgb(0, 0, 0);
      /* DESKTOP */          }

      /* DESKTOP */          a:current {
      /* DESKTOP */            color:white;
      /* DESKTOP */            text-decoration: none;
      /* DESKTOP */            letter-spacing: 0.2em;
      /* DESKTOP */            font-size: 1.2em;
      /* DESKTOP */          }

      /* DESKTOP */          body {
      /* DESKTOP */            margin: 0;
      /* DESKTOP */          }
      /* DESKTOP */          .italic {
      /* DESKTOP */           font-style: italic;
      /* DESKTOP */          }
      /* DESKTOP */          .front {
      /* DESKTOP */           font-size: 2.7em;
      /* DESKTOP */          }

      /* DESKTOP */          h2 {
      /* DESKTOP */            font-family: newFont;
      /* DESKTOP */            font-size: 2em;
      /* DESKTOP */            letter-spacing: 0.5em;
      /* DESKTOP */            font-style: italic;
      /* DESKTOP */          }
      /* DESKTOP */          h3 {
      /* DESKTOP */            font-family: newFont;
      /* DESKTOP */            font-size: 1em;
      /* DESKTOP */            letter-spacing: 0.2em;
      /* DESKTOP */          }

      /* DESKTOP */          h4 {
      /* DESKTOP */            font-size: 1.1em;
      /* DESKTOP */            letter-spacing: 0.2em;
      /* DESKTOP */            font-style: italic;
      /* DESKTOP */          }
      /* DESKTOP */          .wrapper {
      /* DESKTOP */            width: 100%;
      /* DESKTOP */            height: 100%;
      /* DESKTOP */            margin: 0;
      /* DESKTOP */            padding: 0;
      /* DESKTOP */            position: fixed;
      /* DESKTOP */            background-image: url(images/bg2020.png);
      /* DESKTOP */            background-repeat: no-repeat;
      /* DESKTOP */            background-size: cover;
      /* DESKTOP */            overflow: hidden;
      /* DESKTOP */          }
      /* DESKTOP */          .container {
      /* DESKTOP */            display: block;
      /* DESKTOP */            width: 80%;
      /* DESKTOP */            height: 100%;
      /* DESKTOP */            margin: 0 auto;
      /* DESKTOP */            font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
      /* DESKTOP */          }
      /* DESKTOP */          .logo-nav {
      /* DESKTOP */            display: block;
      /* DESKTOP */            width: 76.7%;
      /* DESKTOP */            height: 24%;
      /* DESKTOP */            margin: 0 auto;
      /* DESKTOP */          }
      /* DESKTOP */          .logo-placeholder {
      /* DESKTOP */              width: 60%;
      /* DESKTOP */              height: 24%;
      /* DESKTOP */              position: fixed;
      /* DESKTOP */              z-index: 1;
      /* DESKTOP */          }

      /* DESKTOP */          #page-nav {
      /* DESKTOP */          /* If you want the navigation bar to stick on top*/
      /* DESKTOP */          width: 60%;
      /* DESKTOP */          position: fixed;
      /* DESKTOP */          z-index: 1;
      /* DESKTOP */          padding-top: 7.3%;
      /* DESKTOP */          color: white;
      /* DESKTOP */            }
      /* DESKTOP */          
      /* DESKTOP */          #page-nav > span {
      /* DESKTOP */            display: inline-block;
      /* DESKTOP */          }

      /* DESKTOP */          /* Hide Hamburger */
      /* DESKTOP */          #page-nav label, #hamburger {
      /* DESKTOP */            display: none;
      /* DESKTOP */          }

      /* DESKTOP */          /* Menu Items */
      /* DESKTOP */          #page-nav ul {
      /* DESKTOP */            display: flex;
      /* DESKTOP */            align-items: stretch;
      /* DESKTOP */            justify-content: space-between;
      /* DESKTOP */            width: 76.7%;
      /* DESKTOP */            margin: 0 auto;
      /* DESKTOP */            padding: 10px 5px 0 5px;
      /* DESKTOP */          }
      /* DESKTOP */          #page-nav ul li {
      /* DESKTOP */            display: block;
      /* DESKTOP */            flex:  0 1 auto;
      /* DESKTOP */            list-style-type: none;
      /* DESKTOP */            background: none;
      /* DESKTOP */            text-align: center;
      /* DESKTOP */          }

      /* DESKTOP */          /* INDEX */
      /* DESKTOP */          .front-text-mob {
      /* DESKTOP */            display: none;
      /* DESKTOP */          }
      /* DESKTOP */          .front-image {
      /* DESKTOP */            display: inline-block;
      /* DESKTOP */            width: 45%;
      /* DESKTOP */            height: 76%;
      /* DESKTOP */            background-image: url(images/SD-A3.png);
      /* DESKTOP */            background-repeat: no-repeat;
      /* DESKTOP */            background-size: contain;
      /* DESKTOP */            background-position: bottom;
      /* DESKTOP */            position: fixed;
      /* DESKTOP */            overflow: hidden;
      /* DESKTOP */          }
      /* DESKTOP */          .front-text {
      /* DESKTOP */          display: inline-block;
      /* DESKTOP */          width: 50%;
      /* DESKTOP */          height: 72%;
      /* DESKTOP */          margin-top: 10%;
      /* DESKTOP */          margin-left: 30%;
      /* DESKTOP */          font-family: newFont;
      /* DESKTOP */          font-size: 150%;
      /* DESKTOP */          text-align: center;
      /* DESKTOP */          color: white;
      /* DESKTOP */          line-height: 2.2em;
      /* DESKTOP */          position: absolute;
      /* DESKTOP */          }

      /* DESKTOP */          /* ABOUT */
      /* DESKTOP */          .second-wrap {
      /* DESKTOP */            width: 100%;
      /* DESKTOP */            height: 60%;
      /* DESKTOP */            position: absolute;
      /* DESKTOP */          }
      /* DESKTOP */          .placeholder {
      /* DESKTOP */            width: 80%;
      /* DESKTOP */            height: 100%;
      /* DESKTOP */          position: absolute;
      /* DESKTOP */          box-shadow: #eeedec 1px 1px 7px 0px;
      /* DESKTOP */          background-image: url(images/SD4.png);
      /* DESKTOP */          background-size: contain;
      /* DESKTOP */          background-repeat: no-repeat;
      /* DESKTOP */          background-position: right;
      /* DESKTOP */          }
      /* DESKTOP */          .second-image {
      /* DESKTOP */            width: 100%;
      /* DESKTOP */            height: 35%;
      /* DESKTOP */            display: block;
      /* DESKTOP */          }
      /* DESKTOP */          .page-text {
      /* DESKTOP */            width: 60%;
      /* DESKTOP */            height: 100%;
      /* DESKTOP */            display: inline-block;
      /* DESKTOP */            padding: 0 2% 0 1%;
      /* DESKTOP */            color: white;
      /* DESKTOP */            font-size: 1.2em;
      /* DESKTOP */            letter-spacing: 0.05em;
      /* DESKTOP */            line-height: 1.1em;
      /* DESKTOP */            text-align: justify;
      /* DESKTOP */            overflow: scroll;
      /* DESKTOP */            background-color: #332b1f57;
      /* DESKTOP */            position: absolute;
      /* DESKTOP */          }
      /* DESKTOP */            .about-img {
      /* DESKTOP */              width: 25%;
      /* DESKTOP */              height: 96.5%;
      /* DESKTOP */              display: inline-block;
      /* DESKTOP */              background-image: url(images/SD_A4c.png);
      /* DESKTOP */              background-repeat: no-repeat;
      /* DESKTOP */              background-size: 70%;  
      /* DESKTOP */              background-position: center;
      /* DESKTOP */              margin-left: 52%;
      /* DESKTOP */              position: relative;   
      /* DESKTOP */              overflow: hidden;   
      /* DESKTOP */            }      

      /* DESKTOP */          /* MUSIC MUSIC MUSIC MUSIC MUSIC MUSIC MUSIC MUSIC MUSIC MUSIC MUSIC */
      /* DESKTOP */          
      /* DESKTOP */          
      /* DESKTOP */          .page-music {
      /* DESKTOP */            display: block;
      /* DESKTOP */            width: 80%;
      /* DESKTOP */            height: 60%;
      /* DESKTOP */            margin: 0 auto;
      /* DESKTOP */            padding-bottom: 2%;
      /* DESKTOP */            position: absolute;
      /* DESKTOP */            overflow: scroll;
      /* DESKTOP */            box-shadow: #eeedec 1px 1px 7px 0px;
      /* DESKTOP */            border-radius: 2px;
      /* DESKTOP */            font-family: newFont;
      /* DESKTOP */            color: #ffffff;
      /* DESKTOP */          }

      /* DESKTOP */          .white {
      /* DESKTOP */            color: #ffffff;
      /* DESKTOP */          }

      /* DESKTOP */          .album-cover {
      /* DESKTOP */            margin-top: 2%;
      /* DESKTOP */            margin-bottom: 1%;
      /* DESKTOP */            font-size: 80%;
      /* DESKTOP */          }                   
      /* DESKTOP */          .cover-ad {
      /* DESKTOP */            position: relative;
      /* DESKTOP */            width: 40%;
      /* DESKTOP */            margin: 0 auto;
      /* DESKTOP */            z-index: 1;
      /* DESKTOP */          }

      /* DESKTOP */          .cover-ad-lit {
      /* DESKTOP */            width: 40%;
      /* DESKTOP */            margin: 0 auto;
      /* DESKTOP */            z-index: 1;
      /* DESKTOP */          }


      /* DESKTOP */          .album {
      /* DESKTOP */            display: inline-block;
      /* DESKTOP */            width: 40%;
      /* DESKTOP */            position: absolute;
      /* DESKTOP */            font-size: 1.2em;
      /* DESKTOP */            text-align: center;
      /* DESKTOP */            color: white;
      /* DESKTOP */            padding-top: 2%;
      /* DESKTOP */            padding-right: 60%;
      /* DESKTOP */          }

      /* DESKTOP */          .buy {
      /* DESKTOP */            display: inline-block;
      /* DESKTOP */            width: 100%;
      /* DESKTOP */            position: relative;
      /* DESKTOP */            text-align: center;
      /* DESKTOP */            font-family: newFont; 
      /* DESKTOP */            color: white;
      /* DESKTOP */            z-index: 2;
      /* DESKTOP */          }

      
      /* DESKTOP */          .album_lit {
      /* DESKTOP */            display: inline-block;
      /* DESKTOP */            width: 40%;
      /* DESKTOP */            position: absolute;
      /* DESKTOP */            font-size: 1.2em;
      /* DESKTOP */            text-align: center;
      /* DESKTOP */            padding-top: 27%;
      /* DESKTOP */            color: white;
      /* DESKTOP */            padding-right: 60%;
      /* DESKTOP */          }


      /* DESKTOP */          #sub_menu {
      /* DESKTOP */            display: inline-block;
      /* DESKTOP */            width:30%;
      /* DESKTOP */            position: relative;
      /* DESKTOP */            padding-left: 50%;
      /* DESKTOP */            font-size: 1.2em;
      /* DESKTOP */            text-align: left;
      /* DESKTOP */            overflow: scroll;
      /* DESKTOP */            color: #000000;
      /* DESKTOP */          }

      /* DESKTOP */          .mp3Player {
      /* DESKTOP */            margin-top: 2%;
      /* DESKTOP */            background-color: rgba(255, 255, 255, 0.493);
      /* DESKTOP */            font-size: 90%;
      /* DESKTOP */            }
      /* DESKTOP */          
      /* DESKTOP */          
      /* DESKTOP */          
      /* DESKTOP */          .btnPlayPause {
      /* DESKTOP */            display: inline-block;
      /* DESKTOP */            width: 20%;
      /* DESKTOP */            height: 30px;
      /* DESKTOP */            top: 0;
      /* DESKTOP */            font-size: 1em;
      /* DESKTOP */            text-align: left;
      /* DESKTOP */          }
      /* DESKTOP */          .infoLabel {
      /* DESKTOP */            width: 80%;
      /* DESKTOP */            height: 30px;
      /* DESKTOP */            color: #332b1f;
      /* DESKTOP */          }

      /* DESKTOP */          /*VIDEO VIDEO VIDEO VIDEO VIDEO VIDEO VIDEO VIDEO VIDEO VIDEO */


      /* DESKTOP */          .video-wrap {
      /* DESKTOP */            width: 80%;
      /* DESKTOP */            height: 60%;
      /* DESKTOP */            margin: 0 auto;
      /* DESKTOP */            position: relative;
                                box-shadow: #eeedec 1px 1px 7px 0px;
      /* DESKTOP */          }
      /* DESKTOP */          .iframe_holder {
      /* DESKTOP */            width: 97%;
      /* DESKTOP */            height: 97%;
      /* DESKTOP */          position: relative;
      /* DESKTOP */          margin: 0 auto;
      /* DESKTOP */          top: 1%;
      /* DESKTOP */          }

      /* DESKTOP */          .responsive-iframe {
      /* DESKTOP */            position: relative;
      /* DESKTOP */            top: 0;
      /* DESKTOP */            left: 0;
      /* DESKTOP */            width: 100%;
      /* DESKTOP */            height: 100%;
      /* DESKTOP */          }
      /* DESKTOP */          /* IS THIS NECESSARY??????????????????????????
      /* DESKTOP */          .iframe-container{
      /* DESKTOP */          	position: relative;
      /* DESKTOP */            }
      /* DESKTOP */            .iframe-container::after {
      /* DESKTOP */          	padding-top: 56.25%;
      /* DESKTOP */              display: block;
      /* DESKTOP */              content: ''; 
      /* DESKTOP */            }
      /* DESKTOP */            .iframe-container iframe{
      /* DESKTOP */          	position: absolute;
      /* DESKTOP */          	top:0;
      /* DESKTOP */          	left: 0;
      /* DESKTOP */          	width: 100%;
      /* DESKTOP */          	height: 100%;
      /* DESKTOP */            }
      /* DESKTOP */          
      /* DESKTOP */            */
      /* DESKTOP */          /*CONTACT CONTACT CONTACT CONTACT CONTACT CONTACT CONTACT CONTACT CONTACT*/

      /* DESKTOP */          .contact-wrap-mob {
      /* DESKTOP */            display: none;
      /* DESKTOP */          }


      /* DESKTOP */          .contact-wrap {
      /* DESKTOP */            width: 80%;
      /* DESKTOP */            height: 72%;
      /* DESKTOP */            margin: 0 auto 0 auto;
      /* DESKTOP */            position: fixed;
      /* DESKTOP */            box-shadow: #eeedec 1px 1px 7px 0px;
      /* DESKTOP */          }
      /* DESKTOP */          .contact-image {
      /* DESKTOP */          width: 35%;
      /* DESKTOP */          height: 100%;
      /* DESKTOP */          display: inline-block;
      /* DESKTOP */          position: absolute;
      /* DESKTOP */          background-image: url(images/SD-3a.png);
      /* DESKTOP */          background-repeat: no-repeat;
      /* DESKTOP */          background-size: cover;
      /* DESKTOP */          }

      /* DESKTOP */          .contact-holder {
      /* DESKTOP */          width: 60%;
      /* DESKTOP */          height: 100%;
      /* DESKTOP */          display: inline-block;
      /* DESKTOP */          position: relative;
      /* DESKTOP */          left: 40%;
      /* DESKTOP */          font-size: 130%;
      /* DESKTOP */          color: white;
      /* DESKTOP */          overflow: scroll;
      /* DESKTOP */          }

      /* DESKTOP */          .contact-web {
      /* DESKTOP */          width: 95%;
      /* DESKTOP */          height: 80%;
      /* DESKTOP */          padding-top: 20%;
      /* DESKTOP */          display: grid;
      /* DESKTOP */          grid-template-columns: 50% 50% ;
      /* DESKTOP */          grid-template-rows: 70px 40px 50px 140px repeat(2, 100px) 50px;
      /* DESKTOP */          grid-column-gap: 0px;
      /* DESKTOP */          grid-row-gap: 0; 
      /* DESKTOP */          font-family: newFont;
      /* DESKTOP */          font-size: 80%;
      /* DESKTOP */          }
      /* DESKTOP */          
      /* DESKTOP */          button {
      /* DESKTOP */            width: 120px;
      /* DESKTOP */            height: 40px;
      /* DESKTOP */            font-size: 1em;  
      /* DESKTOP */          }


      /* DESKTOP */          input[type=submit] {
      /* DESKTOP */            width: 120px;
      /* DESKTOP */            height: 40px;
      /* DESKTOP */            font-size: 1.2em;  
      /* DESKTOP */          }


      /* DESKTOP */          .div100 {
      /* DESKTOP */             grid-area: 1 / 1 / 2 / 3;
      /* DESKTOP */             } 
      /* DESKTOP */          .div14 {     
      /* DESKTOP */            grid-area:  2 / 1 / 3 / 2;
      /* DESKTOP */            }
      /* DESKTOP */          
      /* DESKTOP */          .div16 { 
      /* DESKTOP */            text-align: left;
      /* DESKTOP */            grid-area: 4 / 1 / 5 / 2;
      /* DESKTOP */           }
      /* DESKTOP */           .div17 { 
      /* DESKTOP */            text-align: left;
      /* DESKTOP */            grid-area: 2 / 2 / 3 / 3;
      /* DESKTOP */           }
      /* DESKTOP */          
      /* DESKTOP */          .div18 {
      /* DESKTOP */            grid-area: 3 / 1 / 4 / 3;
      /* DESKTOP */           }
      /* DESKTOP */          .div19 { 
      /* DESKTOP */            grid-area: 4 / 1 / 5 / 2;
      /* DESKTOP */           }
      /* DESKTOP */          .div20 { 
      /* DESKTOP */            text-align: left;
      /* DESKTOP */            grid-area: 4 / 2 / 6 / 3;
      /* DESKTOP */           }
      /* DESKTOP */          .div21 { 
      /* DESKTOP */            text-align: right;
      /* DESKTOP */            grid-area: 6 / 1 / 7 / 2;
      /* DESKTOP */           }
      /* DESKTOP */          .div33 {
      /* DESKTOP */            grid-area: 6 / 2 / 7 / 3;
      /* DESKTOP */            text-align: right;
      /* DESKTOP */          } 
      /* DESKTOP */          .div25 {
      /* DESKTOP */              grid-area: 5 / 1 / 6 / 2;
      /* DESKTOP */              text-align: right;
      /* DESKTOP */            }
      /* DESKTOP */          .div27 {
      /* DESKTOP */              grid-area: 5 / 2 / 6 / 3;
      /* DESKTOP */              text-align: right;
      /* DESKTOP */            }
      /* DESKTOP */          .div34 {
      /* DESKTOP */            grid-area: 7 / 1 / 8 / 3;
      /* DESKTOP */            text-align: right;
      /* DESKTOP */          }
      /* DESKTOP */          .div99 { 
      /* DESKTOP */            display: none;
      /* DESKTOP */           }
      /* DESKTOP */          .ta-text {
      /* DESKTOP */          display: inline-block;
      /* DESKTOP */          width: 50%;
      /* DESKTOP */          height: 72%;
      /* DESKTOP */          margin-top: 10%;
      /* DESKTOP */          margin-left: 30%;
      /* DESKTOP */          font-family: newFont;
      /* DESKTOP */          font-size: 150%;
      /* DESKTOP */          text-align: center;
      /* DESKTOP */          color: white;
      /* DESKTOP */          line-height: 2.2em;
      /* DESKTOP */          position: absolute;
      /* DESKTOP */          }

      /* DESKTOP */           .ta-image {                               
      /* DESKTOP */            display: inline-block;
      /* DESKTOP */            width: 45%;
      /* DESKTOP */            height: 76%;
      margin-right: 50%;
      /* DESKTOP */            background-image: url(images/SD_A2a.png);
      /* DESKTOP */            background-repeat: no-repeat;
      /* DESKTOP */            background-size: contain;
      /* DESKTOP */            background-position: bottom;
      /* DESKTOP */            position: fixed;
      /* DESKTOP */            overflow: hidden;
      /* DESKTOP */          }

      /* DESKTOP */              
      /* DESKTOP */          /* FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER */
      /* DESKTOP */            .footer {
      /* DESKTOP */            display: none;
      /* DESKTOP */          }


      /* DESKTOP */            .footer-desktop {
                              display: block;
      /* DESKTOP */            position: fixed;
                               bottom:0;
                               left: 0;
                               width: 100%;
                               font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                               font-size: 0.7em;
                               line-height: 2.5em;
                               text-align: center;
                               color: #ffffff;
      /* DESKTOP */          }
      /* DESKTOP */          }