* { 
    font-family: Verdana;
    font-size: 30px;
}
.center-img {
   display: block;
   margin-left: auto;
   margin-right: auto;
   width: 50%;
   max-width: 200px;
}
.homemusictitle {
   text-align: center;
}
.image-container {
  display: flex;       /* Lays items out in a row */
  flex-wrap: wrap;    /* Allows items to move to the next line when space runs out */
  gap: 10px;          /* Adds space between images */
}

.image-container img {
  max-width: 100%;    /* Ensures images don't overflow the screen */
  height: auto;       /* Maintains aspect ratio */
}
.musiclink {
   color: white;
   width: 100%;
   background-color: #404040;
   border-radius: 16px;
   border: 2px solid #f0f0f0;
   font-size: 60px;
   height: 80px;
}
.musiclinkhome {
   color: white;
   width: 50%;
   background-color: #404040;
   border-radius: 16px;
   border: 2px solid #f0f0f0;
   font-size: 30px;
   height: 80px;
   margin-left: auto;
   margin-right: auto;
   display: block;
}
#songlinkbox {
   background-color: #404040;
}
#songlinks {
   background-color: #404040;
   width: 80%;
   margin: auto;
}

h1 {color: rgb(120,120,120);
font-size: 120px;
margin: 10px;
text-align: center;
}
h2 {color: rgb(120,120,120);
font-size: 36px;
margin: 10px;
text-align: left;
font-weight: normal;
}
h9 {color: rgb(120,120,120);
font-size: 92px;
margin: 10px;
text-align: center;
font-weight: normal;
}

h5 {color: rgb(80,80,80);
font-size: 42px;
margin: 10px;
text-align: left;
font-weight: normal;
}

h3 {color: rgb(120,120,120);
font-size: 24px;
margin: 10px;
text-align: left;
font-weight: normal;
}

.desk_music_heading {
   visibility: hidden;
}
.loading {
	position:fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#email {color: rgb(120,120,120);
font-size: 42px;
margin: 10px;
text-align: center;
}
#email a {
font-family: Verdana;
}

#songartist {
  font-size: 60px;
  color: white;
  background-color: #404040;
  margin: auto;
  text-align: center;
}
#songtitle {
  font-size: 72px;
  color: white;
  background-color: #404040;
  margin: auto;
  text-align: center;
  display: block;
}
#songnames {
  font-size: 72px;
  color: white;
  background-color: #404040;
  margin: auto;
  text-align: center;
  display: block;
}
.shows_date {
  padding: 5pt;
  margin-left: auto;
  margin-right: auto;
}
.shows {
  padding: 5pt;
  margin-left: auto;
  margin-right: auto;
  border-bottom: thin solid
}

.homephoto {
  display: flex;
  margin: 0 auto;
  height: 100%;
  max-height: 750px;
  max-width: 100vw;
}
.photo {
  display: flex;
  margin: 0 auto;
  height: 100%;
  max-height: 750px;
  max-width: 100vw;
}
.awardphoto {
  display: block;
  margin: 0 auto;
  max-width: 1000px;
  width: 100%;
}
#boys {
  width: 100%;
}
#musiccover {
   width: 95%;
   margin: auto;
   background-color: #404040;
   display: flex;
}
#musicimg {
   width: 30%;
   background-color: #404040;
   padding: 2px;
   margin-left: auto;
   margin-right: auto;
   display: inline;   
}

#musictxt {
   background-color: #404040;
}
#bars {
  position: absolute;
  top: 20px;
  left: 20px;
  cursor: pointer;
  color: white;
  width: 100;
  background-color: #ffffff;
}
.menu {
  display: inline-block;
  position: relative;
  background-color: #ffffff;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #c0c0c0;
  min-width: 600px;
  overflow: auto;
  box-shadow: 0px 16px 32px 0px rgba(0,0,0,0.3);
  z-index: 1;
}
.dropdown-content a {
	color: #505050;
	padding: 12px 16px;
	font-size: 60px;
	text-decoration: none;
	display: block;
}
.menu a:hover {background-color: #ddd;}
.show {display: block;}

#FB {
  left: 0px;
  width: 59px;
  background: url("FB-IG.png") 0 0;
}

#IG {
  left: 60px;
  width: 59px;
  background: url("FB-IG.png") -60px 0;
}

#social_mobile {
  width : 75%;
  max-width: 1000px;
  margin: auto;
  display: block;
}
#social_desk{
   display: none;
}
#social_icons_old {
   display: inline;
   width: 45%;
}
#social_icons {
   width: 95%;
   margin: auto;
   display: block
}

#social_text {
   color: rgb(120,120,120);
   font-size: 48px;
   font-weight: bold;
}
#contact_text {
   color: rgb(120,120,120);
   font-size: 48px;
   font-weight: bold;
}
.centered {
  display: inline;
  width: 16%;
}
#biotext {
  margin: 25px;
  text-align: center;
  color: rgb(120,120,120);
}

@media only screen and (min-width: 992px) {
h1 {font-size: 110px;
 }
#musiccover {
   width: 95%;
   margin: auto;
   background-color: #404040;
   display: flex;
}
#musicimg {
   width: 30%;
   max-width: 400px;
   padding: 2px;
   float:left;   
   background-color: #404040;
   display: inline;
}

#musictxt {
   display: inline;
   background-color: #404040;
}

.desk_music_heading {
   display: block;
   background-color: #404040;
   color: white;
   visibility: hidden;
}

#songartist {
  font-size: 42px;
  color: white;
  background-color: #404040;
  text-align: left;
}
#songtitle {
  font-size: 48px;
  color: white;
  background-color: #404040;
  text-align: left;
  display:block;
}
#songnames {
  font-size: 48px;
  color: white;
  background-color: #404040;
  text-align: left;
  display:block;
}


#biotext {
  margin-left: 200px;
  margin-right: 200px;
  text-align: center;
  color: rgb(120,120,120);
}
#email {
  font-size: 30px;
  text-align: center;
  color: rgb(150,150,150);
}

.musiclink {
   color: white;
   width: 80%;
   background-color: #404040;
   border-radius: 16px;
   border: 2px solid #f0f0f0;
   font-size: 40px;
   height: 60px;
   cursor: pointer;
}

#songlinkbox {
   background-color: #404040;
}
#songlinks {
   background-color: #404040;
   width: 80%;
   max-width: 650px;
   margin: 0;
}

#bars {
  position: absolute;
  top: 20px;
  left: 20px;
  cursor: pointer;
  color: white;
  background-color: #ffffff;
  width: 50;
}

}



@media only screen and (min-width: 1100px) {
* {background-color: #f8f8f8;}

.dropdown-content a {
  font-size: 30px;
}

#boys {
   display: block;
   max-width : 600px;
   margin-left: auto;
   margin-right: auto;
   width: 50%;
  }
h1 {
   color: rgb(40,40,40);
   font-size: 72px;
   margin: 10px;
   text-align: center;
}
h9 {color: rgb(120,120,120);
font-size: 60px;
margin: 10px;
text-align: center;
font-weight: normal;
}


h2 {
   color: rgb(40,40,40);
   font-size: 30px;
   margin: 10px;
   text-align: center;
}
h3 {
   color: rgb(40,40,40);
   font-size: 24px;
   margin: 10px;
   text-align: left;
}
.photo {
  display: block;
  margin: 0 auto;
  height: 100%;
  max-height: 500px;
  max-width: 1000px;
}


#social_mobile {
   display : none;
}
#social_desk {
   display: block;
   margin-left: auto;
   margin-right: auto;
   width: 10%; 
   }
.centered {
   display: inline;
   width: 40%;
}
#biotext {
   color: rgb(120,120,120);
}

}
.musicpage {
background-color: #404040;
}