/*Awards*/

.row  {
max-width: 2880px!important;
}

/*Persona Page*/

/*Persona Intro*/

#experience-top {
   margin-left: auto;
   margin-right: auto;
   background-color:#dfe7dd;

} 

.experience-head img{
   position: static;
   display: block;
   margin-left: auto;
   margin-right: auto;
   margin-top: 120px;
   width:20%;
   height: auto;
}
	
.experience-heading {
   height: auto;
   margin-left: auto;
   margin-right: auto;
   margin-top:0px;
   margin-bottom: 0px;
} 


.experience-heading h1{
	font-family: 'HurmeGeometricSans4-Light', Calibri, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #333333;
	text-align: center;
	text-transform: uppercase;
}


/*Experience*/

.experience-options{
   height: auto!important;
   background-color:#222222;
   }

.experience-overview{
	background-color:#222222;
	padding: 6% 12% 10% 12%;

	}
	
.experience-overview h1{
	font-family: 'HurmeGeometricSans4-Light', Calibri, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #ddd;
	text-align: center;
	text-transform: uppercase;


	}
	
.experience-overview h2{
	font-family: 'HurmeGeometricSans4-Light', Calibri, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #ddd;
	text-align: center;
	}	
	
.experience-overview h3{
	font-family: 'HurmeGeometricSans4-Light', Calibri, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #ddd;
	text-align: center;
	text-transform: uppercase;
	margin-top: 10%;
	}	
	
	
	
.experience-overview p{
	font-family: 'HurmeGeometricSans4-Light', Calibri, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	color:#fff;
	
	}	
	
.experience-overview a{
	font-family: 'HurmeGeometricSans4-Light', Calibri, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	color:#00bfff;
	text-decoration:underline;
		
	}

.experience-overview a:hover{
	color:#036d92;	
	}
	
.left-link	{
	text-align:right;
	}
	
.right-link	{
	text-align:left;
	}	

.about-copy {
   height: auto;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 10px;
   margin-top: 0px;
   text-align: center;

}

/*Accordion*/

.accord{
	padding: 10% 10% 16.5% 0%;
	} 

 .accord h1{
	font-family: 'HurmeGeometricSans4-Light', Calibri, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #fff;
	/*text-align: center;
	text-transform: uppercase;*/
}

 .accord h2{
	font-family: 'HurmeGeometricSans4-Light', Calibri, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #fff!important;
	/*text-align: center;
	text-transform: uppercase;*/
}

 .accord ul{
	font-family: 'HurmeGeometricSans4-Light', Calibri, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #fff;
	/*text-align: center;
	text-transform: uppercase;*/
	list-style:none;
	padding-left:0;
}

.title{
	padding: 0% 12% 4% 12%;
	} 
	
.content{
	padding: 0% 12% 0% 12%;
	} 	
	
.awards1 {
	background-color:#b20000;
	
	} 
	
.awards2 {
	background-color:#ff0000;

	} 
	
.awards3 {
	background-color:#b22d00;

	} 		

.awards4 {
	background-color:#d93600;

	} 
	



@media screen and (max-width: 2560px) {
		
/*Persona Intro*/
	
#experience-top {
   height: 58%!important;
}


.experience-heading h1{
	font-size: /*4vw*/160px!important;
	line-height: /*4vw*/160px!important;
}	

.experience-head img{
   width:auto!important;
   height: auto!important;
}


/*Experience*/

.experience-options{
   height: auto!important;
   }
   
   
.experience-overview h1{
	font-size:/*2.8vw*/80px;
	margin-top: 8%;
	margin-bottom: 10%;
	}
    
.experience-overview h2{
	font-size: /*4vw*/30px!important;
	line-height: /*4vw*/40px!important;
	}
    
 .experience-overview h3{
	font-size: /*4vw*/80px!important;
	line-height: /*4vw*/90px!important;
	}   
    
	
.experience-overview p{
	font-size:/*0.8vw*/30px;	
	}   
   
.experience-overview a{
	font-size:/*0.8vw*/30px;		
	} 
	
.left-link	{
	padding-top: 10%;
	text-align:right;
	
	}
	
.right-link	{
	padding-top: 10%;
	text-align:left;
	}

/*Accordion*/


.accord{
	/*padding: 10% 10% 16.6% 0%;*/
	} 
	
.content{
	margin-top: -1%;
	} 

 .accord h1{
	 font-size: /*3.8vw*/110px;
}

 .accord h2{
	 font-size: /*2.8vw*/60px;
}
    
 .accord ul{font-size:26px;}    
		
			
	}
	

@media screen and (max-width: 1920px) and (max-height: 1200px) and (orientation : landscape) {

/*Persona Intro*/	
	
#experience-top {
   height: 80%!important;
}	

.experience-heading h1{
	font-size: /*4vw*/140px!important;
	line-height: /*4vw*/140px!important;
}


/*Experience*/

.experience-options{
   height: auto!important;
   }
    
    
.experience-overview h1{
	font-size:/*2.8vw*/40px;
	margin-top: 8%;
	margin-bottom: 10%;
	}
    
.experience-overview h2{
	font-size: /*4vw*/24px!important;
	line-height: /*4vw*/24px!important;
	}
    
 .experience-overview h3{
	font-size: /*4vw*/50px!important;
	line-height: /*4vw*/70px!important;
	}   
    
	

	
.left-link	{
	padding-top: 10%;
	text-align:right;
	
	}
	
.right-link	{
	padding-top: 10%;
	text-align:left;
	}
    
    
/*Accordion*/


.accord{
	/*padding: 10% 10% 16.6% 0%;*/
	} 
	
.content{
	margin-top: -2%;
	} 

 .accord h1{
	 font-size: /*3.8vw*/110px;
}

 .accord h2{
	 font-size: /*2.8vw*/70px;
}
    
 .accord ul{font-size:26px;}   
	
	
	}
		
	
	
@media screen and (max-width: 1920px) and (max-device-height: 1080px) and (orientation : landscape) {


/*Persona Intro*/	
	
#experience-top {
   height: 80%!important;
}	

.experience-heading h1{
	font-size: /*4vw*/140px!important;
	line-height: /*4vw*/140px!important;
}


/*Experience*/

.experience-options{
   height: auto!important;
   }
    
    
.experience-overview h1{
	font-size:/*2.8vw*/40px;
	margin-top: 8%;
	margin-bottom: 10%;
	}
    
.experience-overview h2{
	font-size: /*4vw*/24px!important;
	line-height: /*4vw*/24px!important;
	}
    
 .experience-overview h3{
	font-size: /*4vw*/50px!important;
	line-height: /*4vw*/70px!important;
	}   
    
	

	
.left-link	{
	padding-top: 10%;
	text-align:right;
	
	}
	
.right-link	{
	padding-top: 10%;
	text-align:left;
	}
    
    
/*Accordion*/


.accord{
	/*padding: 10% 10% 16.6% 0%;*/
	} 
	
.content{
	margin-top: 2%!important;
	} 

 .accord h1{
	 font-size: /*3.8vw*/110px;
}

 .accord h2{
	 font-size: /*2.8vw*/70px;
}
    
 .accord ul{font-size:26px;}     

	
	}
	
	
	
@media screen and (max-width: 1920px) and (max-height: 960px) and (orientation : landscape) {

.content{
	margin-top: -1%;
	} 


}



	

	
	
@media screen and (max-width: 1680px) {
	
/*Persona Intro*/	

#experience-top {
   height: 78%!important;
}

   
.experience-heading h1{
	font-size: /*4vw*/140px!important;
	line-height: /*4vw*/140px!important;
}


/*Experience*/

.experience-options{
   height: auto!important;
   }
   
   
.experience-overview h1{
	font-size:/*2.8vw*/40px;
	margin-top: 8%;
	margin-bottom: 10%;
	}
    
.experience-overview h2{
	font-size: /*4vw*/24px!important;
	line-height: /*4vw*/40px!important;
	}
    
 .experience-overview h3{
	font-size: /*4vw*/50px!important;
	line-height: /*4vw*/70px!important;
	}

.left-link	{
	padding-top: 10%;
	text-align:right;
	
	}
	
.right-link	{
	padding-top: 10%;
	text-align:left;
	} 
	 
/*Accordion*/

.content{
	margin-top: -3%;
	} 

 .accord h1{
	 font-size: /*3.8vw*/110px;
}

 .accord h2{
	 font-size: /*2.8vw*/70px;
}
    
 .accord ul{font-size:26px;}   			   
   	
	}
	
	
@media screen and (max-width: 1600px) {
	
/*Persona Intro*/	
	
#experience-top {
   height: 86%!important;
}

.experience-heading h1{
	font-size: /*4vw*/140px!important;
	line-height: /*4vw*/140px!important;
}

/*Experience*/

.experience-options{
   height: auto!important;
   }
   
   
.experience-overview h1{
	font-size:/*2.8vw*/40px;
	margin-top: 8%;
	margin-bottom: 10%;
	}
    
.experience-overview h2{
	font-size: /*4vw*/24px!important;
	line-height: /*4vw*/40px!important;
	}
    
 .experience-overview h3{
	font-size: /*4vw*/50px!important;
	line-height: /*4vw*/70px!important;
	}
	
.left-link	{
	padding-top: 10%;
	text-align:right;
	
	}
	
.right-link	{
	padding-top: 10%;
	text-align:left;
	}

/*Accordion*/

.content{
	margin-top: -3%;
	} 

 .accord h1{
	 font-size: /*3.8vw*/100px;
}

 .accord h2{
	 font-size: /*2.8vw*/70px;
}
    
 .accord ul{font-size:26px;}   	
   
	
	}
	
	

@media only screen and (max-width: 1440px) and (max-height: 900px) and (orientation : landscape) {

/*Persona Intro*/
	
#experience-top {
   height: 82%!important;
}


.experience-heading h1{
	font-size: /*4vw*/140px!important;
	line-height: /*4vw*/140px!important;
}

/*Experience*/

.experience-options{
   height: auto!important;
   }
   
   
.experience-overview h1{
	font-size:/*2.8vw*/40px;
	margin-top: 8%;
	margin-bottom: 10%;
	}
    
.experience-overview h2{
	font-size: /*4vw*/24px!important;
	line-height: /*4vw*/40px!important;
	}
    
 .experience-overview h3{
	font-size: /*4vw*/50px!important;
	line-height: /*4vw*/70px!important;
	}
	
.left-link	{
	padding-top: 10%;
	text-align:right;
	
	}
	
.right-link	{
	padding-top: 10%;
	text-align:left;
	}
	
	
/*Accordion*/

.content{
	margin-top: -4%;
	} 

 .accord h1{
	 font-size: /*3.8vw*/100px;
}

 .accord h2{
	 font-size: /*2.8vw*/70px;
}
    
 .accord ul{font-size:26px;}    
		
	
		   

}	

	
	

@media screen and (max-width: 1366px) {

/*Persona Intro*/
    
    
 .experience-head img{
   width:20%!important;
   height: auto;
}      
	
#experience-top {
   height: 106%!important;
}

.experience-heading h1{
	font-size: /*4vw*/140px!important;
	line-height: /*4vw*/140px!important;
}


/*Experience*/

.experience-options{
   height: auto!important;
   }
   
   
.experience-overview h1{
	font-size:/*2.8vw*/40px;
	margin-top: 8%;
	margin-bottom: 10%;
	}
    
.experience-overview h2{
	font-size: /*4vw*/24px!important;
	line-height: /*4vw*/40px!important;
	}
    
 .experience-overview h3{
	font-size: /*4vw*/50px!important;
	line-height: /*4vw*/70px!important;
	}
	
.left-link	{
	padding-top: 10%;
	text-align:right;
	
	}
	
.right-link	{
	padding-top: 10%;
	text-align:left;
	}	
	  
	  
/*Accordion*/

.content{
	margin-top: -4%;
	} 

 .accord h1{
	 font-size: /*3.8vw*/100px;
}

 .accord h2{
	 font-size: /*2.8vw*/70px;
}
    
 .accord ul{font-size:26px;}  	  
	  


					
	
}



@media only screen and (max-width: 1280px) and (min-device-height: 800px) and (orientation : landscape) {
	

    
 /*Experience*/
    
 #experience-top {
   height: 100%!important;
}   

.experience-options{
   height: auto!important;
   }
	

/*Accordion*/

.content{
	margin-top: -5%;
	} 

	  
	      
	
	}



@media screen and (max-width: 1200px) {
	
/*Persona Intro*/

#experience-top {
   height: 38%!important;
}	
    
		
/*Experience*/

.experience-options{
   height: auto!important;
   }
    
    
 
/*Accordion*/

.content{
	margin-top: -5%;
	} 

	}


	
	
@media screen and (max-width: 1136px) {
	
/*Persona Intro*/

#experience-top {
   height: 110%!important;
}
    
.experience-heading h1{
	font-size: /*4vw*/120px!important;
	line-height: /*4vw*/120px!important;
}
    


/*Experience*/

.experience-options{
   height: auto!important;
   }
   
   
   
.experience-overview h1{
	font-size:/*2.8vw*/30px;
	margin-top: 8%;
	margin-bottom: 10%;
	}
    
.experience-overview h2{
	font-size: /*4vw*/20px!important;
	line-height: /*4vw*/30px!important;
	}
    
 .experience-overview h3{
	font-size: /*4vw*/40px!important;
	line-height: /*4vw*/50px!important;
	}
	
.left-link	{
	padding-top: 10%;
	text-align:right;
	
	}
	
.right-link	{
	padding-top: 10%;
	text-align:left;
	}	
	
/*Accordion*/
	

.content{
	margin-top: -6%;
	} 
    
    
 .accord{
	padding: 10% 10% 16.6% 0%;
	}    

 .accord h1{
	 font-size: /*3.8vw*/90px;
}

 .accord h2{
	 font-size: /*2.8vw*/60px;
}
    
 .accord ul{font-size:26px;}  	  
	  		
}	
	
	
@media screen and (max-width: 1080px) {
	
/*Persona Intro*/	

#experience-top {
   height: 36%!important;
}	

/*Experience*/

.experience-options{
   height: auto!important;
   }

	
.left-link	{
	padding-top: 10%;
	text-align:right;
	
	}
	
.right-link	{
	padding-top: 10%;
	text-align:left;
	}

 	
/*Accordion*/

.content{
	margin-top: -6%;
	} 
       
    
    
}			
	

	
@media screen and (max-width: 1024px) {
	
/*Persona Intro*/

#experience-top {
   height: 88%!important;
}


/*Experience*/

.experience-options{
   height: auto!important;
   }
   

	
.left-link	{
	padding-top: 10%;
	text-align: center;
	
	}
	
.right-link	{
	padding-top: 10%;
	text-align: center;
	}	

/*Accordion*/
	

.content{
	margin-top: -6%;
	} 
    
    
 .accord{
	padding: 10% 10% 16.6% 0%;
	}    

 .accord h1{
	 font-size: /*3.8vw*/90px;
}

 .accord h2{
	 font-size: /*2.8vw*/60px;
}
    
 .accord ul{font-size:26px;} 
    
}
	
	
			
	
@media only screen and (max-width: 1024px) and (min-device-height: 600px) and (orientation : landscape) {
	
/*Persona Intro*/
	
#experience-top {
   height: 110%!important;
}	


/*Experience*/

.experience-options{
   height: auto!important;
   }
	
}


		
@media only screen and (max-width: 1024px) and (min-device-height: 768px) and (orientation : landscape) {
	
/*Persona Intro*/
	
#experience-top {
   height: 88%!important;
}

/*Experience*/

.experience-options{
   height: auto!important;
   }
	
	
	}




@media only screen and (max-width: 960px) and (max-height: 640px) and (orientation : landscape) {
	
/*Persona Intro*/
	
#experience-top {
   height: 102%!important;
}	
	

/*Experience*/

.experience-options{
   height: auto!important;
   }
   
.experience-overview h1{
	font-size:/*2.8vw*/30px;
	margin-top: 8%;
	margin-bottom: 10%;
	}

	
/*Accordion*/
	

.content{
	margin-top: -9%!important;
	} 
    
    
 .accord{
	padding: 10% 10% 16.6% 0%;
	}    

 .accord h1{
	 font-size: /*3.8vw*/80px;
}

 .accord h2{
	 font-size: /*2.8vw*/60px;
}
    
 .accord ul{font-size:26px;} 	
  
   
   
}	
	
@media only screen and (max-width: 960px) and (max-height: 540px) and (orientation : landscape) {
	
/*Persona Intro*/
	
#experience-top {
   height: 122%!important;
}

/*Experience*/

.experience-options{
   height: auto!important;
   }
   
.experience-overview h1{
	font-size:/*2.8vw*/30px;
	margin-top: 8%;
	margin-bottom: 10%;
	}

	
/*Accordion*/
	

.content{
	margin-top: -9%!important;
	} 
    
    
 .accord{
	padding: 10% 10% 16.6% 0%;
	}    

 .accord h1{
	 font-size: /*3.8vw*/80px;
}

 .accord h2{
	 font-size: /*2.8vw*/60px;
}
    
 .accord ul{font-size:26px;} 	


}



@media screen and (max-width: 960px) {

/*Experience*/

.experience-options{
   height: auto!important;
   }
   
.experience-overview h1{
	font-size:/*2.8vw*/30px;
	margin-top: 8%;
	margin-bottom: 10%;
	}

	
/*Accordion*/
	

.content{
	margin-top: -9%!important;
	} 
    
    
 .accord{
	padding: 10% 10% 16.6% 0%;
	}    

 .accord h1{
	 font-size: /*3.8vw*/80px;
}

 .accord h2{
	 font-size: /*2.8vw*/60px;
}
    
 .accord ul{font-size:26px;} 	

					
	
	}	


	
		
@media only screen and (max-width: 854px) and (max-height: 480px) and (orientation : landscape) {	

/*Persona Intro*/	
	
#experience-top {
   height: 142%!important;
}	
    
.experience-heading h1{
	font-size: /*4vw*/100px!important;
	line-height: /*4vw*/100px!important;
}
       
		
.experience-head img{
   margin-top: 120px;
   width:26%;
   height: auto;
}	


/*Experience*/

.experience-options{
   height: auto!important;
   }
   
.experience-overview h1{
	font-size:/*2.8vw*/30px;
	margin-top: 8%;
	margin-bottom: 10%;
	}

	
/*Accordion*/
	

.content{
	margin-top: -12%!important;
	} 
    
    
 .accord{
	padding: 10% 10% 16.6% 0%;
	}    

 .accord h1{
	 font-size: /*3.8vw*/70px!important;
}

 .accord h2{
	 font-size: /*2.8vw*/56px!important;
}
    
 .accord ul{font-size:24px;} 				
	
	}






@media screen and (max-width: 800px) and (max-height: 480px) and (orientation : landscape) {		

 /*Persona Intro*/

#experience-top {
  height: 138%!important;
 
}

.experience-heading h1{
	font-size: /*4vw*/100px!important;
	line-height: /*4vw*/100px!important;
}

.experience-head img{
   margin-top: 120px;
   width:26%!important;
   height: auto;
}


/*Experience*/

.experience-options{
   height: auto!important;
   }
    

    
.experience-overview h2{
	font-size: /*4vw*/20px!important;
	line-height: /*4vw*/30px!important;
	}
    
 .experience-overview h3{
	font-size: /*4vw*/30px!important;
	line-height: /*4vw*/50px!important;
	}
	      
    
    
/*Accordion*/
		
.content{
	margin-top: -8%!important;
	} 	
	
.title{
	padding: 1% 12% 4% 12%;
	}	
    
 .accord h1{
	 font-size: /*3.8vw*/60px!important;
}

 .accord h2{
	 font-size: /*2.8vw*/50px!important;
}
    
 .accord ul{font-size:22px;}       
    
}
	



	
	

@media screen and (max-width: 800px)  and (orientation : portrait)  {

/*Persona Intro*/	
	
#experience-top {
   /*height: 47%!important;*/
    height: 59%!important;
}

.experience-head img{
   margin-top: 120px;
   width:30%!important;
   height: auto;
}

/*Experience*/

.experience-options{
   height: auto!important;
   }
   
    
.experience-overview h2{
	font-size: /*4vw*/20px!important;
	line-height: /*4vw*/30px!important;
	}
    
 .experience-overview h3{
	font-size: /*4vw*/30px!important;
	line-height: /*4vw*/50px!important;
	}
	
/*Accordion*/
		
.content{
	margin-top: -8%!important;
	} 	
	
.title{
	padding: 1% 12% 4% 12%;
	}	
    
 .accord h1{
	 font-size: /*3.8vw*/60px!important;
}

 .accord h2{
	 font-size: /*2.8vw*/50px!important;
}
    
 .accord ul{font-size:22px;}       
    	

}




	

	
@media screen and (max-width: 800px) and (orientation : landscape) {
	
/*Persona Intro*/

/*#experience-top {
  height: 138%!important;
 
}

.experience-heading h1{
	font-size: 100px!important;
	line-height: 100px!important;
}

.experience-head img{
   margin-top: 120px;
   width:30%;
   height: auto;
}


/*Experience*/

/*.experience-options{
   height: auto!important;
   }
    

    
.experience-overview h2{
	font-size: 20px!important;
	line-height: 30px!important;
	}
    
 .experience-overview h3{
	font-size: 30px!important;
	line-height: 50px!important;
	}
	   



/*Accordion*/
		
/*.content{
	margin-top: -4%!important;
	} 	
	
.title{
	padding: 0.6% 12% 4% 12%;
	}
    
 .accord h1{
	 font-size:60px!important;
}

 .accord h2{
	 font-size:50px!important;
}
    
 .accord ul{font-size:22px;}*/   				
	
	}	
	
	

	
	
	
	

	
	
@media only screen and (max-width: 768px) and (max-height: 1024px) and (orientation : portrait) {

/*Persona Intro*/
	
#experience-top {
   height: 66%!important;
}
    
/*Experience*/

.experience-options{
   height: auto!important;
   }
   
   
/*Accordion*/
		
.content{
	margin-top: -8%!important;
	} 	
	
.title{
	padding: 1px 12% 4% 12%;
	}       
    
	
	}		
	
	
@media only screen and (max-width: 768px) and (min-device-height: 1280px) and (orientation : portrait) {

/*Persona Intro*/
	
#experience-top {
   height: 52%!important;
}	
    
/*Experience*/

.experience-options{
   height: auto!important;
   } 
   
   
/*Accordion*/
		
.content{
	margin-top: -8%!important;
	} 	
	
.title{
	padding: 1px 12% 4% 12%;
	}     
	
	}	
	
	
@media only screen and (max-width: 768px) and (min-device-height: 1366px) and (orientation : portrait) {

/*Persona Intro*/
	
#experience-top {
   height: 48%!important;
}	
    
/*Experience*/

.experience-options{
   height: auto!important;
   }
   
   
 /*Accordion*/
		
.content{
	margin-top: -8%!important;
	} 	
	
.title{
	padding: 16px 12% 4% 12%;
	}    
   
	}	
	
	
	
@media screen and (max-width: 750px) {
	
 /*Accordion*/
		
.content{
	margin-top: -8%!important;
	} 	
	
.title{
	padding: 2px 12% 4% 12%!important;
	} 	
		
	
	
	}		
	
	
@media screen and (max-width: 720px) {
			
/*Experience*/

.experience-options{
   height: auto!important;
   }
   
 /*Experience*/

.experience-options{
   height: auto!important;
   }
 
 /*Accordion*/
    
 .content{
	margin-top: -10%!important;
	} 	
	   
 .accord h1{
	 font-size:56px!important;
}

 .accord h2{
	 font-size:50px!important;
}
    
 .accord ul{font-size:22px;}    
   
    
	}	
	
	
@media screen and (max-width: 640px) and (orientation : landscape) {

/*Persona Intro*/

#experience-top {
   height: 150%!important;
}
    
    
 .experience-heading h1{
	font-size: /*4vw*/96px!important;
	line-height: /*4vw*/96px!important;
}   

/*Experience*/

.experience-options{
   height: auto!important;
   }

 /*Accordion*/
    
 .title{
	padding: 16px 12% 4% 12%!important;
	}    
      
    
 .content{
	margin-top: -10%!important;
	} 	
	   
 .accord h1{
	 font-size:50px!important;
}

 .accord h2{
	 font-size:40px!important;
}
    
 .accord ul{font-size:22px;} 
			
	
	}
			
	

@media screen and (max-width: 640px) and (orientation : portrait) {

 /*Experience*/

.experience-options{
   height: auto!important;
   }
    
 .experience-heading h1{
	font-size: /*4vw*/96px!important;
	line-height: /*4vw*/96px!important;
}    
   
 /*Accordion*/
    
 .title{
	padding: 16px 12% 4% 12%!important;
	}    
      
    
 .content{
	margin-top: -10%!important;
	} 	
	   
 .accord h1{
	 font-size:50px!important;
}

 .accord h2{
	 font-size:40px!important;
}
    
 .accord ul{font-size:22px;} 
	
				
	
	}	
		
	
@media only screen and (max-width: 640px) and (min-device-height: 360px) and (orientation : landscape) {	

/*Persona Intro*/

#experience-top {
   height: 178%!important;
}
	
 /*Experience*/

.experience-options{
   height: auto!important;
   }

}


@media only screen and (max-width: 640px) and (min-device-height: 960px) and (orientation : portrait) {	

/*Persona Intro*/

#experience-top {
   height: 70%!important;
}
	
 /*Experience*/

.experience-options{
   height: auto!important;
   }
   
 

}


@media only screen and (max-width: 640px) and (min-device-height: 1136px) and (orientation : portrait) {

/*Persona Intro*/
	
#experience-top {
   height: 58%!important;
}


/*Experience*/

.experience-options{
   height: auto!important;
   }

}




	
@media screen and (max-width: 600px) {
	
/*Persona Intro*/	

#experience-top {
   height: 62%!important;
}	
		
 /*Experience*/

.experience-options{
   height: auto!important;
   }
   
 /*Accordion*/
    
 .title{
	padding: 18px 12% 4% 12%!important;
	}    
      
    
 .content{
	margin-top: -10%!important;
	} 	
	   
 .accord h1{
	 font-size:46px!important;
}

 .accord h2{
	 font-size:36px!important;
}
    
 .accord ul{font-size:22px;}   
   
   
	}	
	
	
	
@media only screen and (max-width: 540px) and (min-device-height: 960px) and (orientation : portrait) {	

/*Persona Intro*/
	
#experience-top {
   height: 66%!important;
}

 /*Experience*/

.experience-options{
   height: auto!important;
   }
   
 .experience-heading h1{
	font-size: /*4vw*/94px!important;
	line-height: /*4vw*/94px!important;
}    
   
 /*Accordion*/
    
 .title{
	padding: 22px 12% 4% 12%!important;
	}    
      
    
 .content{
	margin-top: -10%!important;
	} 	
	   
 .accord h1{
	 font-size:42px!important;
}

 .accord h2{
	 font-size:34px!important;
}
    
 .accord ul{font-size:18px;} 
	
 /*Accordion*/
		
.content{
	margin-top: -14%!important;
	} 	
	
.title{
	padding: 30px 12% 4% 12%;
	} 
					
	
	}



@media only screen and (max-width: 480px) and (max-height: 854px) and (orientation : portrait) {

/*Persona Intro*/

#experience-top {
   height: 58%!important;
}

.experience-head img{
   margin-top: 110px!important;
   width:45%!important;
   height: auto!important;
}
    
.experience-heading h1{
	font-size: /*4vw*/80px!important;
	line-height: /*4vw*/80px!important;
}    
        

 /*Experience*/

.experience-options{
   height: auto!important;
   }
   


 /*Accordion*/
    
.content{
	margin-top: -16%!important;
	} 	
	
.title{
	padding: 30px 12% 4% 12%!important;
	}
	   
 .accord h1{
	 font-size:36px!important;
}

 .accord h2{
	 font-size:34px!important;
}
    
 .accord ul{font-size:18px;} 
		
	
	
	}
	
	
	
@media screen and (max-width: 480px) and (max-height: 800px) and (orientation : portrait) {
	
/*Persona Intro*/

#experience-top {
   height: 64%!important;
}

.experience-head img{
   margin-top: 110px!important;
   width:40%!important;
   height: auto!important;
}
    
.experience-heading h1{
	font-size: /*4vw*/88px!important;
	line-height: /*4vw*/88px!important;
}    

 /*Experience*/

.experience-options{
   height: auto!important;
   }
   

 /*Accordion*/
    
 .title{
	padding: 28px 12% 4% 12%!important;
	}    
      
    
 .content{
	margin-top: -18%!important;
	} 	
	   
 .accord h1{
	 font-size:38px!important;
}

 .accord h2{
	 font-size:34px!important;
}
    
 .accord ul{font-size:18px;} 
	

	}
			

	
	
@media only screen and (max-width: 480px) and (max-height: 320px) and (orientation : landscape) {
	
/*Persona Intro*/	

#experience-top {
   height:180%!important;
}

.experience-head img{
   margin-top: 110px!important;
   width:40%!important;
   height: auto!important;
}    
    
.experience-heading h1{
	font-size: /*4vw*/76px!important;
	line-height: /*4vw*/76px!important;
} 



 /*Experience*/

.experience-options{
   height: auto!important;
   }

 /*Accordion*/
		
.content{
	margin-top: -16%!important;
	} 	
	
.title{
	padding: 34px 12% 4% 12%!important;
	}	
    
  .accord h1{
	 font-size:36px!important;
}

 .accord h2{
	 font-size:34px!important;
}
    
 .accord ul{font-size:18px;}    
  
  
	
	}	
	
	
	
	
	
	
@media screen and (max-width: 360px) {
	
/*Persona Intro*/
 
#experience-top {
   height: 70%!important;
}

.experience-head img{
   margin-top: 110px!important;
   width:50%!important;
   height: auto!important;
}	
    
.experience-heading h1{
	font-size: /*4vw*/60px!important;
	line-height: /*4vw*/60px!important;
}       

 /*Experience*/

.experience-options{
   height: auto!important;
   }
   
  
 /*Accordion*/
		
.content{
	margin-top: -18%!important;
	} 	
	
.title{
	padding: 50px 12% 4% 12%!important;
	}	
    
  .accord h1{
	 font-size:26px!important;
}

 .accord h2{
	 font-size:18px!important;
}
    
 .accord ul{font-size:16px;}
    
    
    
 /*Footer*/   
	
#footer-menu{
  width: 100%!important;
}
    
#footer-menu a{
  font-size: 7px!important;	
}
    
	}	
	

@media screen and (max-width: 320px) {

/*Persona Intro*/
	
#experience-top {
   height: 88%!important;
}	



 /*Experience*/

.experience-options{
   height: auto!important;
   }

	
	
 /*Accordion*/
		
.content{
	margin-top: -22%!important;
	} 	
	
.title{
	padding: 50px 12% 4% 12%!important;
	}	
    
  .accord h1{
	 font-size:24px!important;
}

 .accord h2{
	 font-size:18px!important;
}
    
 .accord ul{font-size:16px;}
    
	
/*Footer*/	
    
#footer-menu{
  width: 100%!important;
}
    
#footer-menu a{
  font-size: 7px!important;	
}    
	
	}