/* *{
    max-width: 1175px;
    margin:auto;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 
    box-sizing:border-box;    
 } */

 .OrangeBanner{
    display:block;
    height:60px;
    background:url(https://s3.amazonaws.com/cdn.giamusic.com/page_files/MusEdLong.png);
    background-size:cover;
    background-repeat: repeat-x;
    z-index:2;
    margin:0;
    position:relative;
}

.Banner{
    width:100%; 
    border-bottom:8px solid #1D3557;
}

 .BFSale_copy p{
     font-size: clamp(12px, 3vw, 20px);
     padding: 0px 15px;
     line-height: 1.8em;
     letter-spacing: -.5px;
     max-width: 90ch;
     margin: 20px auto;
 } 

 #TopCopy{
   text-align: center;
}

#PromoText{
    display:block;
    background:url(https://s3.amazonaws.com/cdn.giamusic.com/page_files/NeumeBG_AlphaWHITE10.png);
    background-size:cover;
    padding: 20px 0;
    color:rgb(231, 231, 231);
    background-color:#070f24;
    margin:-25px 0;
}

#Promocode{
    font-size:3em;
    z-index:-1;
    font-weight:bold;
    font-size:clamp(30px,10vw,60px);
    color: rgb(250, 229, 43);
    letter-spacing:-3px;
}

.CategoryHeading{
    font-size: clamp(20px, 5vw, 40px);
    font-weight:bold;
    letter-spacing:-1.5px;
    padding:10px 0 20px 10px;
}

.ProdWrapper{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
    align-items: stretch;
    justify-content: space-evenly;
    align-content: flex-end;
}

.ProdCard{
    display: flex;
    flex-direction: column;
    flex-grow:1;
    border: 4px solid #F26222;
    padding: 20px 15px; 
    border-radius:30px;
    background:url(https://s3.amazonaws.com/cdn.giamusic.com/page_files/NeumeBG_AlphaWHITE10.png);
    background-size: center;
    background-color:#070e22;
    margin:0;
    width:270px;
    max-width:270px;
    box-shadow: 4px 4px 5px rgb(195, 195, 195);
}

.ProdCard img{
    max-height:225px;
    max-width:175px;
    box-shadow: 3px 4px 8px rgba(186, 226, 231, 0.63);
    margin:auto;
}

.ProdCard p{
    padding:15px;
    color: white;
    text-align:center;
    font-size:16px;
    font-weight:bold;
    line-height:1.4em;
}

.SeriesCard{
    max-width:600px;
    width: 500px;
    color:red;
}

.SeriesCard img{
    max-width:90%;
    box-shadow: none;;
}

.HabitsCard{
    background:url(https://s3.amazonaws.com/cdn.giamusic.com/page_files/HabitsBG_alpha.png);
    background-color:#070e22;
}

.button{
    color:white;
    text-decoration:none;
    background: #F26222;
    font-weight:bold;
    padding:.5em 1em;
    min-width:180px;
    text-align:center;
    border-radius:20px;
}

.button:hover, .button:focus{
    color:white;
    background-color:#fbae1e;
    transition: .5s ease-in-out
}

.ProdCard:hover, .ProdCard:focus{
    background-color:#0c1c4d;
    transition: .25s ease-in-out;
}

#ChoralWindSection{
    display:flex;
    flex-wrap:wrap;
    text-align:center;   
    background:url(https://s3.amazonaws.com/cdn.giamusic.com/page_files/NeumeBG_AlphaWHITE10.png);
    background-size: center;
    background-color:#070e22;
    margin:-25px 0;
    padding:40px 20px; 
    color:white;
    font-size:1.25em;
}

#ChoralWindImage{
    width:350px;
}

#ChoralWindImage img{
    width:300px;
    max-width:90vw;
}

#ChoralWindCopy{
    width:400px;
    flex-grow:1;
    padding: 30px;
}

#ChoralWindSection .button, .SeriesCard .button{
    display:block;
    margin:20px auto;
    min-width:80%;
}

#ChoralWindCopy h3{
    font-size:1.5em;
    color:white;
}

.SeriesPageHead{
    align-items:center;
    max-width:90%;
    width:700px;
    margin:20px auto;
    padding-top:20px;
}


@media only screen and (min-width: 690px){
	.MobileBanner{
         display: none;	
	}
}

@media only screen and (max-width: 690px){
	.DeskBanner{
         display: none;	
	}
}