.quote  {
  
font-size: 12px;

}

.front-special {
  


width: 68%;


border-style: solid;
border-color: #f9f9f9;
border-width: 2px;

border-radius: 15px;

}


/*NEW SPONSOR SECTION*/


.sponsor-top-section-wrap {
 
 
width: 100%;

padding: 25px 0;

display: flex;
flex-direction: column;
align-items: center;




background: url('background.jpg');

}


.sponsor-top-section  {
  

padding: 2%;
display: flex;
flex-direction: row;
gap: 25px;
max-width: 1400px;
margin: 0 auto;

color: #fff;



}

.sponsor-top-section-left  {
  



padding: 2%;
display: flex;
flex-direction: column;
gap: 25px;

justify-content: space-between;


}


.sponsor-top-section-right  {
  

padding: 2%;
display: flex;
flex-direction: column;
gap: 25px;

justify-content: space-around;

background: rgb(0, 0, 0, 0.62); 


}

.sponsor-top-section-right h2 {
  
color: #9882ff

}


.sponsor-ticket-button  {
  
background: #9882ff;
padding: 10px;
border-radius: 10px;

color: #fff;

}



/*END NEW SPONSOR SECTION*/



/*MOVE ME TO A NEW CSS*/




.mobile-nav {
width: 100%;
background: #1f164a;
height: 80px;
position: fixed;
bottom: 0;
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
box-shadow: 0 0 10px #000 inset;
}


.mobile-nav-item  {


display: flex;
flex-direction: row;

align-items: center;

  
height: 60px;



}



.mobile-button  {
  
height: 60px;

}



/*END MOBILE MENU*/










/*BEGIN UNIVERSAL CSS*/

body {
font-size: 1em;
/* base font size is 14px */
font-family: 'Poppins';
line-height: 1.5;
text-align: left;
width: 100%;
padding: 0%;
margin: 0%; 

}  
/*UNIVERSAL STYLES*/  
a {    
text-decoration: none;
color: #9882ff;
}
.black {

color: #000;  

}
p {

}
h1, h2, h3, h4, h5, p, li  {
 margin: 0;
 padding: 0;
}
h1, h2, h3, h4, h5 {
font-family: PoppinsBold;
color: #fff;
text-shadow: 0px  0px 10px #000;
}
ul  {
padding: 0 20px;
}
@font-face  {
font-family: Roboto;
src:url('Roboto-Regular.ttf');    
}    
@font-face  {
font-family: RobotoMedium;
src:url('Roboto-Medium.ttf');    
}    
@font-face  {
font-family: RobotoBold;
src:url('Roboto-Bold.ttf');    
}
@font-face  {
font-family: RobotoBlack;
src:url('Roboto-Black.ttf');    
}
@font-face  {
font-family: Poppins;
src:url('Poppins-Regular.ttf');    
}    
@font-face  {
font-family: PoppinsMedium;
src:url('Poppins-Medium.ttf');    
}    
@font-face  {
font-family: PoppinsBold;
src:url('Poppins-Bold.ttf');    
}
@font-face  {
font-family: PoppinsBlack;
src:url('Poppins-Black.ttf');    
}
.body-wrap  {  
max-width: 1600px;
margin: 0% auto;
}
.break-me {
width: 100%;
height: 1px;
float: left;
}
.thicc {
font-family: PoppinsBold;
font-size: 20px;
}
.wide {
width: 100%;
}


.nav-bump {
  
height: 80px;

}



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

.hide-when-big, .mobile-nav  {
 display: none; 
}




}
@media only screen and (min-width: 769px) and (max-width: 1120px) {

.nav-bump, .mobile-nav {
  
display: none;


}


.sponsor-top-section  {
  


flex-direction: column;



}


}
@media only screen and (min-width: 150px) and (max-width: 768px) {



h2  {
  
font-size: 5vw;

}


.sponsor-top-section  {
  


flex-direction: column;



}





.hide-when-small, .nav-bump {
  
display: none;

}

}


/*END UNIVERSAL CSS*/





.reference  {
  
width: ;
padding: ;
margin: ;

position: ;

display: ;
flex-direction: ;
justify-content: ;
align-items: ;
gap: ;

background-color: ;


}