/******************** WELCOME SECTION *********************/                                                                                                                                        
                                                   
/********* 1300px *********/ 
@media (max-width: 1300px) {   
/* content */
#WelcomeSection #WelcomeContent {
    left: 100px;
}
}                                                                   

/********* 900px *********/
@media (max-width: 900px) {                                                                                                                                                         
#WelcomeSection {  
	height: 900px;
}  

/* content */
#WelcomeSection #WelcomeContent {
	width: 550px;
    top: calc(50% - 170px);  
    left: calc(50% - 275px); 
}

/* h1 */
#WelcomeSection #WelcomeContent h1 {
	word-spacing: 3px; 
    font-size: 35px;
}  

/* p */
#WelcomeSection #WelcomeContent p {
    margin-top: 30px;
    padding-top: 30px;
    line-height: 1.5;
    font-size: 17px;
} 

/* a */
#WelcomeSection #WelcomeContent a {
	margin-top: 60px;
}

#WelcomeSection #WelcomeContent a.two {
	margin-left: 10px;
}
}

/********* 650px *********/
@media (max-width: 650px) {            
#WelcomeSection {  
	height: 700px;
}  

/* content */
#WelcomeSection #WelcomeContent { 
	width: 330px;
    top: calc(50% - 125px);  
    left: calc(50% - 165px); 
}

/* h1 */
#WelcomeSection #WelcomeContent h1 {
	word-spacing: 0px;
    font-size: 20px;
}  

/* p */
#WelcomeSection #WelcomeContent p {
    margin-top: 25px;
    padding-top: 25px;
    font-size: 14px;
} 

/* a */
#WelcomeSection #WelcomeContent a {
	width: 150px;
	height: 35px;
	margin-top: 50px;
	padding-top: 10.5px; 
	font-size: 10px;
	border-radius: 17.5px;
}
}
 
 






/******************** MISSION SECTION *********************/                                 
              
/********* 1250px *********/ 
@media (max-width: 1250px) {    
#MissionSection {              
     width: calc(100% - 50px);   
     margin-top: 25px;
}

/* col - stats - inner */
#MissionSection .col.stats .statsinner {
    width: 330px;   
    top: calc(50% - 250px);         
    left: calc(50% - 152.5px);   
}

/* col - stats - inner - h2 */
#MissionSection .col.stats .statsinner h2 {
	font-size: 7px;    
}

/* col - stats - inner - h1 */
#MissionSection .col.stats .statsinner h1 {
	margin-top: 10px;   
	font-size: 40px;   
}

/* col - stats - inner - p */
#MissionSection .col.stats .statsinner p {
	margin-top: 30px;   
    font-size: 14px;     
}

#MissionSection .col.stats .statsinner p.two {
    margin-top: 15px;   
}

/* col - stats - inner - divider */
#MissionSection .col.stats .statsinner .statdivider {
    margin: 40px auto;   
}

/* col - stats - inner - statcol - h3 */
#MissionSection .col.stats .statsinner .innercol h3 { 
	font-size: 25px;   
}   

/* col - stats - inner - statcol - h4 */
#MissionSection .col.stats .statsinner .innercol h4 {
	margin-top: 10px;     
	word-spacing: 1px;   
	font-size: 8px;    
}
}

/********* 800px *********/  
@media (max-width: 800px) {
/* col - stats */
#MissionSection .col.stats {
	width: 70%;
}
        
/* col - img */
#MissionSection .col.image {
	width: 30%;
} 
}

/********* 650px *********/  
@media (max-width: 650px) {        
#MissionSection {              
     width: 100%;
     height: auto;
     margin-top: 0px;
}

/* col */
#MissionSection .col {
    width: 100% !important;
    height: auto;
	margin-top: 100px;
    position: relative;
}

/* col - stats - inner */
#MissionSection .col.stats .statsinner {
    position: relative;
    top: auto;  
    left: auto;
}

/* col - img */
#MissionSection .col.image {
	height: 300px;
}
}
 







/******************** PARTNER SECTION *********************/     

/********* 1250px *********/
@media (max-width: 1250px) {   
#PartnerSection .partnercarcontrol.left img {
    left: 25px;
}

#PartnerSection .partnercarcontrol.right img {
    right: 25px;
}
}

/********* 650px *********/
@media (max-width: 650px) {   
#PartnerSection {            
    margin: 80px auto 100px;
}

/* header */
#PartnerSection #PartnerHeader {
    width: 330px;
}

#PartnerSection #PartnerHeader h1 {
	font-size: 30px;
}

#PartnerSection #PartnerHeader p {
	margin-top: 15px;
	padding-top: 17px;
    font-size: 14px;
}

/* carousel */
#PartnerSection #PartnerCarOuter {
    height: 80px;
    margin-top: 50px;
}

#PartnerSection #PartnerCarInner {
    width: 2500px;
    height: 80px;
    padding-left: 50px;
}

/* carousel img */
#PartnerSection #PartnerCarInner img {
    width: 100px;
    height: 80px;
    margin-left: 25px;
    padding: 15px;
    border-radius: 15px; 
}

/* carousel controls opacity layer */
#PartnerSection .partnercarcontrol {
    width: 50px;
    height: 80px; 
}

/* carousel controls icon */
#PartnerSection .partnercarcontrol img {
    height: 20px;
    top: calc(50% - 10px);
}

#PartnerSection .partnercarcontrol.left img {
    left: 10px;
}

#PartnerSection .partnercarcontrol.right img {
    right: 10px;
}
}
 




 
 
  
/******************** PROGRAM SECTION ********************/                                 
           
/********* 1450px *********/
@media (max-width: 1450px) {       
/* col - overlay */
#ProgramSection .col .overlay { 
   padding-top: 180px;    
}

/* col - overlay - h1 */
#ProgramSection .col .overlay h1 {
	word-spacing: 0px;    
}

#ProgramSection .col .overlay h1 br {
	display: block;    
}

/* col - overlay - btn */
#ProgramSection .col .overlay p {
   width: 140px;    
   padding-top: 13px;    
   font-size: 10px;    
}
}

/********* 1250px *********/
@media (max-width: 1250px) {                                                
#ProgramSection {                                                                                    
	width: calc(100% - 50px);   
    height: 550px;   
}  

/* col */
#ProgramSection .col {
    width: calc(50% - 35px);   
}

#ProgramSection .col.one {
	border-top-left-radius: 80px;   
	border-bottom-right-radius: 80px;   
}

#ProgramSection .col.two {
	width: 70px;   
} 

#ProgramSection .col.three {
	border-top-right-radius: 80px;   
	border-bottom-left-radius: 80px;   
}

/* col - overlay - header */
#ProgramSection #Header {
	width: 550px;   
	left: calc(50% - 275px);    
    font-size: 25px;   
}

/* col - overlay - h3 */
#ProgramSection .col .overlay h3 {
	font-size: 7px;   
}

/* col - overlay - h1 */
#ProgramSection .col .overlay h1 {
    font-size: 25px;   
}

/* col - overlay - btn */
#ProgramSection .col .overlay p {
   width: 100px;   
   height: 30px;   
   margin-top: 40px;   
   padding-top: 10px;   
   font-size: 8px;   
}

#ProgramSection .col.one .overlay p {
	border-top-left-radius: 15px;   
	border-bottom-right-radius: 15px;   
}

#ProgramSection .col.three .overlay p {
	border-top-right-radius: 15px;   
	border-bottom-left-radius: 15px;   
}
}

/********* 650px *********/
@media (max-width: 650px) {                                                
#ProgramSection {                                                                                    
	width: calc(100% - 20px);  
    height: 350px;  
}  

/* col */
#ProgramSection .col {
    width: calc(50% - 20px);  
}

#ProgramSection .col.one {
	border-top-left-radius: 50px;  
	border-bottom-right-radius: 50px;  
}

#ProgramSection .col.two {
	width: 40px;  
} 

#ProgramSection .col.three {
	border-top-right-radius: 50px;  
	border-bottom-left-radius: 50px;  
}

/* col - overlay */   
#ProgramSection .col .overlay { 
   padding-top: 105px;  
}

/* col - overlay - header */
#ProgramSection #Header {
	width: 350px;  
	top: calc(50% - 10px);  
	left: calc(50% - 175px);   
    font-size: 15px;   
}

/* col - overlay - h3 */
#ProgramSection .col .overlay h3 {
	font-size: 6px;  
}

/* col - overlay - h1 */
#ProgramSection .col .overlay h1 {
	margin-top: 30px;  
    font-size: 15px;  
}

/* col - overlay - btn */
#ProgramSection .col .overlay p {
   width: 80px;  
   height: 25px;  
   margin-top: 30px;  
   padding-top: 8px;  
   font-size: 6px;  
   word-spacing: 1px;  
}

#ProgramSection .col.one .overlay p {
	border-top-left-radius: 12.5px;  
	border-bottom-right-radius: 12.5px;  
}

#ProgramSection .col.three .overlay p {
	border-top-right-radius: 12.5px;  
	border-bottom-left-radius: 12.5px;  
}
}
 
  




 

/******************** PROGRAM MODAL *********************/             
                      
/********* max-height *********/
@media (max-height: 500px) and (min-width: 851px) {  
/* inner */     
#FSModalInner {
	height: 500px !important;  
}   
}
     
@media (max-height: 700px) and (max-width: 850px) {   
/* inner */      
#FSModalInner {
	height: 700px !important;  
}   
}  
 
/********* 850px *********/   
@media (max-width: 850px) {       
/* col */  
#FSModal .col { 
	display: block;   
	width: 100%;   
	float: none;	    
}   

#FSModal .col.one {  
    height: 40%;
}

#FSModal .col.two {
    height: 60%; 
}

/* close */
#FSModal .col.one #FSModalOverlay #FSModalClose {
    width: 50px;
    height: 50px;
    top: 20px;
    left: 20px;
    padding-top: 16px;  
    font-size: 16px; 
} 

/* prod cont */
#FSModal .col.two .prodcont {
    width: 100%;
    top: 50px !important;
    left: 0px;
    padding-left: 20px;  
    padding-right: 20px;  
    border-left: 0px solid black; 
}     

/* header */
#FSModal .col.two p .header {
    font-size: 25px;
}

/* overview */
#FSModal .col.two p span.overview { 
    font-size: 11px;  
}
}








/******************** FEATURED CAROUSEL *********************/     

/********* 1250px *********/
@media (max-width: 1250px) {   
.hcorp-featured-carousel {                                               
    width: calc(100% - 50px);
}

/* car - header - h2 */
.hcorp-featured-carousel .hfc-header h2 {
	font-size: 7px;
}

/* car - header - h1 */
.hcorp-featured-carousel .hfc-header h1 {
	font-size: 35px;
}
}

/********* 650px *********/
@media (max-width: 650px) {                                           
.hcorp-featured-carousel {                                               
    width: calc(100% - 20px);
}

/* car - header - h2 */
.hcorp-featured-carousel .hfc-header h2 {
	font-size: 6px;
}

/* car - header - h1 */
.hcorp-featured-carousel .hfc-header h1 {
	word-spacing: 0px;
	font-size: 30px;
}

.hcorp-featured-carousel .hfc-header h1 br {
	display: block; 
}

/* car - header - controls */
.hcorp-featured-carousel .hfc-controls {
    width: 140px;
    height: 35px;
    border-radius: 17.5px;   
}

/* car - header - controls - img */
.hcorp-featured-carousel .hfc-controls img {
    height: 35px;
    top: 0px;
}

.hcorp-featured-carousel .hfc-controls img.hfc-controls-left {
    left: 8px;
}

.hcorp-featured-carousel .hfc-controls img.hfc-controls-right {
    right: 8px;
}

/* car - header - controls - text */
.hcorp-featured-carousel .hfc-controls p {
    padding-top: 11.5px;
    word-spacing: 5px;
    font-size: 9px; 
} 
}







 
/******************** EVENTS SECTION *********************/   

/********* 1250px *********/ 
@media (max-width: 1250px) {  
#EventsSection .event { 
	width: 50vw;   
	padding: 40px;   
} 

/* event - h1 */
#EventsSection .event h1 {
	padding: 5px 0 5px 15px;   
    word-spacing: 3px;   
    font-size: 20px;   
    border-left: 8px solid #e4d890;   
}

/* event - info */
#EventsSection .event .event-info.first {
	margin-top: 40px;   
}

/* event - info - text */
#EventsSection .event .event-info p {
	padding-left: 20px;   
	font-size: 12px;   
}

/* event - btns */
#EventsSection .event .btns {
	margin-top: 40px;    
}
}  

/********* 750px *********/ 
@media (max-width: 750px) {    
#EventsSection .event { 
	width: 80vw;   
	margin-right: 30px;   
	padding: 30px;   
	border-radius: 20px;   
} 

/* event - h1 */
#EventsSection .event h1 {
	padding: 5px 0 5px 10px;   
    word-spacing: 1px;   
    font-size: 15px;   
}

/* event - info */
#EventsSection .event .event-info {
	height: 40px;   
	padding-left: 5px;   
	border-radius: 20px;   
}

#EventsSection .event .event-info.first {
	margin-top: 30px;   
}

/* event - info - icon */
#EventsSection .event .event-info .icon {
	top: 4.5px;   
}

/* event - info - text */
#EventsSection .event .event-info p {
	padding-left: 10px;   
	position: relative;   
	bottom: 6px;   
	font-size: 11px;   
}

/* event - btns */
#EventsSection .event .btns {
	height: 25px;   
	margin-top: 30px;    
}

#EventsSection .event .btns h4 {
	width: calc(33.333333% - 5px);   
	margin-right: 7.5px;   
	padding-top: 7.5px;   
	font-size: 8px;   
	border-radius: 12.5px;    
}
}







 
/******************** TEAM SECTION ********************/     
        
/********* 1250px *********/   
@media (max-width: 1250px) {           
#TeamSection {                
    width: calc(100% - 50px); 
	height: 500px; 
}

/* header col */
#TeamSection #Header {
	height: 500px;
}

/* header col - h1 */
#TeamSection #Header h1 {
	margin-top: 125px; 
	font-size: 35px;
}

/* header col - divider */
#TeamSection #Header .divider {
	width: 300px;
	margin: 15px auto 20px;
}

/* header col - p */
#TeamSection #Header p {
	width: 300px;
	font-size: 14px;
}

/* header col - controls */
#TeamSection #Header .controls {
	width: 300px;
	height: 20px;
	margin-top: 50px;
}

#TeamSection #Header .controls .control {
	width: 20px;
    height: 20px;
	margin: 0px 8px;
}

/* team rows */
#TeamSection .row { 
	height: 500px;
}

/* team rows - headshot */
#TeamSection .row .col .img {
	width: 150px;
	height: 150px;
}

/* team rows - headshot icon */
#TeamSection .row .col .img img.link {
	width: 24px;
	height: 24px;
	bottom: -12px;
	left: calc(50% - 12px);
}

/* team rows - h1 */
#TeamSection .row .col h1 {
	margin-top: 50px; 
	font-size: 16px;
}

/* team rows - p */
#TeamSection .row .col p {
	font-size: 11px;
}
}

/********* 850px *********/   
@media (max-width: 850px) {              
#TeamSection { 
	height: 800px;  
}

/* header col */
#TeamSection #Header {
	width: 100%;
	height: 400px; 
	top: 0px;
}

/* header col - h1 */
#TeamSection #Header h1 {
	margin-top: 85px;
}

/* header col - controls */
#TeamSection #Header .controls {
	margin-top: 40px;
}

/* team rows */
#TeamSection .row {
	width: 100%;
	height: 400px;
	top: 400px; 
} 

/* team rows - col */
#TeamSection .row .col.col2 {
	border-right: none;
}

/* team rows - headshot */
#TeamSection .row .col .img {
	margin-top: 85px; 
}

/* team rows - h1 */
#TeamSection .row .col h1 {
	margin-top: 40px;
}
}

/********* 650px *********/   
@media (max-width: 650px) {    
#TeamSection { 
	width: 100%;
	margin: 100px auto 100px;
}

/* team rows - h1 */
#TeamSection .row .col h1 { 
	font-size: 15px;
}

/* team rows - p */
#TeamSection .row .col p {
	font-size: 10px;
}
}





 
 

/******************** TEAM MODAL *********************/             
                             
/********* max-height *********/
@media (max-height: 700px) and (min-width: 1051px) {  
/* inner */     
#TMModalInner {
	height: 700px !important;  
}   
}
     
@media (max-height: 1200px) and (max-width: 1050px) {   
/* inner */      
#TMModalInner {
	height: 1200px !important;    
}   
}  
 
/********* 1050px *********/   
@media (max-width: 1050px) {       
/* col */  
#TMModal .col { 
	display: block;   
	width: 100%;   
	float: none;	    
}   

#TMModal .col.one {  
    height: 20%;
	width: 100% !important;
}

#TMModal .col.two {
    height: 80%; 
}

/* close */
#TMModal .col.one #TMModalOverlay #TMModalClose {
    width: 50px;
    height: 50px;
    top: 20px;
    left: 20px;
    padding-top: 16px;  
    font-size: 16px; 
} 

/* prod cont */
#TMModal .col.two .prodcont {
    width: 100%;
    top: 50px !important;
    left: 0px;
    padding: 0px;
    padding-left: 20px !important;
    padding-right: 20px !important;
    border-left: 0px solid black; 
}     

/* header */
#TMModal .col.two p .header {
    font-size: 25px;
}

#TMModal .col.two p .title {
	font-size: 15px;  
}

/* overview */
#TMModal .col.two p span.overview { 
    font-size: 13px;  
}
}
 





      

/******************** ANNOUNCEMENT SECTION *********************/                                

/********* 1250px *********/   
@media (max-width: 1250px) {      
#AnnounceSection #AnnounceSectionLeft { 
	left: 25px;
}

#AnnounceSection #AnnounceSectionRight { 
	right: 25px;
}
}

/********* 900px *********/   
@media (max-width: 900px) {                                 
#AnnounceSection {                              
	height: 600px; 
}  

/* carousel - slide */ 
#AnnounceSection .asc-slide {
	width: 400px;
	left: calc(50% - 200px);  
}

/* carousel - slide - h2 */ 
#AnnounceSection .asc-slide h2 {
	font-size: 7px;
}

/* carousel - slide - h1 */ 
#AnnounceSection .asc-slide h1 { 
	margin-top: 15px;
	font-size: 35px;
}

/* carousel - slide - p */ 
#AnnounceSection .asc-slide p {
	margin-top: 40px;
	padding-top: 40px;
}

/* carousel - controls */ 
#AnnounceSection .asc-control {
	height: 30px; 
	top: calc(50% - 15px);  
}
}

/********* 650px *********/   
@media (max-width: 650px) {                                 
#AnnounceSection {                              
	height: 550px; 
}  

/* carousel - slide */ 
#AnnounceSection .asc-slide {
	width: 250px;
	left: calc(50% - 125px);  
}

/* carousel - slide - h2 */ 
#AnnounceSection .asc-slide h2 {
	font-size: 6px;
}

/* carousel - slide - h1 */ 
#AnnounceSection .asc-slide h1 { 
	word-spacing: 2.5px;  
	font-size: 25px;
}

/* carousel - slide - p */ 
#AnnounceSection .asc-slide p {
	margin-top: 30px;
	padding-top: 30px;
	font-size: 11px;
}

/* carousel - controls */ 
#AnnounceSection .asc-control {
	height: 20px; 
	top: calc(50% - 10px);   
}
 
#AnnounceSection #AnnounceSectionLeft { 
	left: 10px;
}

#AnnounceSection #AnnounceSectionRight { 
	right: 10px;
}
}