@media all and (max-width:  600px) { 


li { 

text-align: center;
display: block;

 }

}

*{ 
margin:  0 ;

 }



 a { 

text-decoration: none;
color:  black;



  }

  a:hover { 

  color:  lightblue;

  }


html, head { 

width:  auto;

overflow: scroll;
position: absolute;
margin: 0px;
padding: 0px;




}

legend { 

font-size:  25px;
text-align: center;
 }

body { 
height:  auto;
width:  100%;
padding:  0px; 
margin:  0px;


 }

h2 {
padding-top:  10px;
font-family: Serif; 
font-style: italic;

 }





li { 

float:  right;
padding-right: 40px; 
padding-left: 40px; 
color:  black;

margin-top: 70px;
border: 1px solid black;
font-size: 20px;
text-decoration: none;

 }

 li:hover { 

background-color: black;
color:  lightblue;

  }




 ul { 

list-style-type: none;
text-decoration: none;
margin-right:  30px;

  }

  #emailCapture { 

text-decoration: underline;


   }


.signUpText{ 

font-size: 30px;
color:  black;
text-align: center;

 } 


.logo { 
   
position: absolute;
width: 100px;
height: 100px;
left: 300px;
top:  3px;

background: url(.png);


 }



 
.header { 
margin: 0px;
width: 100%;
height: 100px;
background: linear-gradient(180deg, #8BC7FF 0%, rgba(100, 255, 153, 0.8) 75%);
border:  1px solid black;
position: fixed;



 }

 .headerText {  
margin-left: 300px;
margin-right: 300px;



  }

  .bottomImages{ 
width:  240px;


   }

 #theDrop, #subhead { 
padding-top: 20px;
line-height: 1;
margin-left:  10px;




  }

  #theDrop { 
font-size: 30px;




   }

.sectionHead { 

font-size:  20px;
font-style: italic;

 }



 .sectionDescription { 

font-size: 16pt;
color: black;
margin-left: 50px;
margin-right: 50px;


overflow: hidden;



  }




.featuredContainer {

text-align: center;
width:  auto;


}





#headerID{ 
text-align: center;
font-size: 30px;
margin-right: 500px;
margin-left: 500px;
background-color: rgba(255,255,255,0.5);
border: 1px solid black;




}

#headerText{ 
margin-right: 400px;
margin-left: 400px;
font-size: 20pt;
width:  auto;
background-color: rgba(255,255,255,0.5);
border: 1px solid black;

 }




 







.featuredWords { 
background-image:  url("../images/edmsss.png");

overflow: hidden;
background-repeat: no-repeat;
background-size: 100%;

padding-top: 150px;

text-align: center;
vertical-align: middle;
height: 400px;
width: auto;

background-color: black;



 }

 .featuredWordsTwo { 
background-image:  url("../images/mixitmixit.png");

overflow: hidden;
background-repeat: no-repeat;
background-size: 100%;

padding-top: 150px;

text-align: center;
vertical-align: middle;
height: 400px;
width: auto;

background-color: black;



 }

  

 .featuredWordsThree { 
background-image:  url("../images/wedd.png");

overflow: hidden;
background-repeat: no-repeat;
background-size: 100%;

padding-top: 150px;

text-align: center;
vertical-align: middle;
height: 400px;
width: auto;

background-color: black;



 }

  .featuredWordsFour { 
background-image:  url("../images/karim2.png");

overflow: hidden;
background-repeat: no-repeat;
background-size: 100%;

padding-top: 150px;

text-align: center;
vertical-align: middle;
height: 400px;
width: auto;

background-color: black;



 }
 

  .featuredWordsFive { 
background-image:  url("../images/mambo.png");

overflow: hidden;
background-repeat: no-repeat;
background-size: 100%;

padding-top: 150px;

text-align: center;
vertical-align: middle;
height: 400px;
width: auto;

background-color: black;



 }




.sectionOne{ 
width:  300%;
height:  600px;


text-align: center;
border: 1px solid #000000;
box-sizing: border-box;


 }

 .sectionTwo{ 
width: 300%;
height:  600px;


text-align: center;

border: 1px solid #000000;
box-sizing: border-box;
 }

  .sectionThree{ 
width:  300%;
height:  600px;


text-align: center;
border: 1px solid #000000;
box-sizing: border-box;

 }

  .sectionFour{ 
width:  300%;
height:  600px;


text-align: center;
border: 1px solid #000000;
box-sizing: border-box;


 }

.bottomSection { 
width: 100%;
height:  100%;
float:  left;
color:  black;
display: flex;

flex-direction: row;
text-align: center;
background: linear-gradient(180.04deg, #96E6CD -2.35%, rgba(101, 89, 172, 0.9) 50%);
border: 1px solid #000000;
box-sizing: border-box;

 }

 .bottomSectionTwo { 
width: 100%;
height:  100%;

color:  black;

text-align: center;
background: linear-gradient(180.04deg, #96E6CD -2.35%, rgba(101, 89, 172, 0.9) 99.97%);
border: 1px solid #000000;
box-sizing: border-box;

 }

.signUp { 
width:  100%;


background: linear-gradient(180.04deg, #96E6CD -2.35%, rgba(101, 89, 172, 0.7) 25%);

 }


 #signUpText { 

font-size: 20px;


  }