/* RESPONSIVE GRID SYSTEM ============================================================================= */ 
* {box-sizing: border-box; margin: 0; padding: 0;} 

/* clamp() function = minimum size, dynamic scaling rate, maximum size */ 
html {width: 100%; height: 100%; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff; font-size: clamp(1rem, 0.9328rem + 0.2985vw, 1.25rem);} 
body {width: 100%; height: 100%; margin: 0; padding: 0; line-height: 1.5;} 

/* BASIC PAGE SETUP ============================================================================= */ 
body {width: 100%; margin: 0 auto; padding: 0; line-height: 1.5;} 
#mainContainer {width: 100%; height: 100%; margin: 0;} 
#mainContent {width: 100%; min-height: 100%; margin: 0 auto; padding: 0; background-color: #252525; clear: both; border: 0px; display: flex; flex-direction: column; justify-content: space-between;} 

/* SECTIONS ============================================================================= */ 
.section {clear: both; padding: 0; margin: 0;} 

/* GROUPING ============================================================================= */ 
.group:before, .group:after {content: ""; display: table;} 
.group:after {clear: both;} 
.group {zoom: 1;} 

/* GRID COLUMN SETUP ==================================================================== */ 
.col {display: block; float: left; margin: 0;} 
.col:first-child {margin-left: 0;} 
p {margin: 0 0 2% 0; } 
ol, ul, dl, address {margin: 0 0 0 1%; list-style-type: square;} 
li ul, li ol {margin: 0;} 
sub, sup {font-size: .75vw; position: relative; vertical-align: baseline;} 
sup {top: -.5vw;} 
sub {bottom: -.25vw;} 
.subtext {color: #fff;} 
a {color: #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: underline; text-decoration-offset: 3px;} 
a:hover {outline: 0; color: #fff; text-decoration: none;} 

/* CONTENT CONTAINERS ============================================================================= */ 
.section.group {width: 100%; margin: 0 auto 2.5% auto; padding: 0;} 
.col.span_1_of_1 {width: 100%; margin: 0; padding: 0 5%;} 
.col.span_2_of_2 {width: 50%; margin: 0; padding: 0 5%;} 
.col.span_1_of_2 {width: 50%; margin: 0; padding: 0 5%;} 
.col.span_3_of_3 {width: 100%; margin: 0; padding: 0 5%;} 
.col.span_2_of_3 {width: 66%; margin: 0; padding: 0 5%;} 
.col.span_1_of_3 {width: 33%; margin: 0; padding: 0 5%;} 
.col.span_1_of_3.link {width: 45%; margin: 0; padding: 0 5%;} 
.col.span_1_of_3.space {width: 10%; margin: 0; padding: 0 5%; display: block;} 


.col.span_1_of_3.link a {color: #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: underline; text-underline-offset: 5px; white-space: nowrap;}
.col.span_1_of_3.link a:hover {text-decoration: none; opacity: .75;}


.fa-envelope {margin: 0 10px 0 -10px;}
.fa-calendar-days {margin-right: 10px;}
.fa-up-right-from-square  {margin-left: 12px; font-size: clamp(0.75rem, 0.7143rem + 0.1515vw, 0.875rem);}



.L {text-align: left;} 
.C {text-align: center;} 
.R {text-align: right;} 

/* HEADER, MAIN LOGO ============================================================================= */ 
header {width: 100%; padding: 2.5% 1.25%; position: relative; box-sizing: border-box; display: block;} 
.containerPageLogo {width: 100%; margin: 0 0 0 0; padding: 5% 0 2.5% 0; display: flex; justify-content: center; position: relative;} 
.containerPageLogo img {width: clamp(17.5rem, 17.5vw, 25rem);; height: auto; display: block;} 


/* FOOTER ============================================================================= */ 
footer {width: 90%; margin: 0 auto 0% auto; padding: 0% 5%; text-align: center; line-height: 1.8; position: relative; color: #fff;} 
.copyright {width: 100%; margin: 5% 0 2.5% 0; padding: 0 0 0 0; font-size: clamp(0.75rem, 0.7143rem + 0.1515vw, 0.875rem);} 


/* TEMP ============================================================================= */ 
.displayW {color: #fff;} 
.displayB {color: #000;}





/* ======================================================================================= */
/*  @ 1460px */
/* ======================================================================================= */
@media only screen and (max-width: 1460px) {

/*  sections/grouping/grid column setup  */
.section.group {}
.col.span_1_of_1 {}
.col.span_1_of_2 {}
}
/* ======================================================================================= */



/* ======================================================================================= */
/*  @ 1360px */
/* ======================================================================================= */
@media only screen and (max-width: 1360px) {

footer {padding: 0% 0% 2.5% 0; line-height: 1.4;} 

/*  sections/grouping/grid column setup  */
.section.group {}
.col.span_1_of_1 {}
.col.span_1_of_2 {}
}
/* ======================================================================================= */



/* ======================================================================================= */
/*  @ 1260px */
/* ======================================================================================= */
@media only screen and (max-width: 1260px) {

/*  sections/grouping/grid column setup  */
.section.group {}
.col.span_1_of_1 {}
.col.span_1_of_2 {}
}
/* ======================================================================================= */



/* ======================================================================================= */
/*  @ 1160px */
/* ======================================================================================= */
@media only screen and (max-width: 1160px) {

/*  sections/grouping/grid column setup  */
.section.group {}
.col.span_1_of_1 {}
.col.span_1_of_2 {}
}
/* ======================================================================================= */



/* ======================================================================================= */
/*  @ 1060px */
/* ======================================================================================= */
@media only screen and (max-width: 1060px) {

/*  sections/grouping/grid column setup  */
.section.group {}
.col.span_1_of_1 {}
.col.span_1_of_2 {}
}
/* ======================================================================================= */



/* ======================================================================================= */
/*  @ 960px */
/* ======================================================================================= */
@media only screen and (max-width: 960px) {

/*  basic page setup  */
#mainContainer {width: 100%;}
#mainContent {width: 100%;}


/*  sections/grouping/grid column setup  */
.col.span_1_of_3.link {width: 100%; margin: 0; padding: 0 0 5% 0; text-align: center;} 
.col.span_1_of_3.space {display: none;} 
}
/* ======================================================================================= */



/* ======================================================================================= */
/*  @ 860px */
/* ======================================================================================= */
@media only screen and (max-width: 860px) {

.containerPageLogo {padding: 5% 0 0 0;} 


/*  sections/grouping/grid column setup  */
.section.group {}
.col.span_1_of_1 {}
.col.span_1_of_2 {}
}
/* ======================================================================================= */



/* ======================================================================================= */
/*  @ 760px */
/* ======================================================================================= */
@media only screen and (max-width: 760px) {

header {padding: 10% 0 0 0; position: relative; box-sizing: border-box; display: block;} 

/*  sections/grouping/grid column setup  */
.section.group {}
.col.span_1_of_1 {}
.col.span_1_of_2 {}

}
/* ======================================================================================= */



/* ======================================================================================= */
/*  @ 660px */
/* ======================================================================================= */
@media only screen and (max-width: 660px) {


/*  sections/grouping/grid column setup  */
.section.group {}
.col.span_1_of_1 {}
.col.span_1_of_2 {}
}
/* ======================================================================================= */



/* ======================================================================================= */
/*  @ 560px */
/* ======================================================================================= */
@media only screen and (max-width: 560px) {




/*  sections/grouping/grid column setup  */
.section.group {}
.col.span_1_of_1 {}
.col.span_1_of_2 {}}
/* ======================================================================================= */



/* ======================================================================================= */
/*  @ 460px */
/* ======================================================================================= */
@media only screen and (max-width: 460px) {



/*  sections/grouping/grid column setup  */
.section.group {}
.col.span_1_of_1 {}
.col.span_1_of_2 {}
}
/* ======================================================================================= */



/* ======================================================================================= */
/*  @ 360px */
/* ======================================================================================= */
@media only screen and (max-width: 360px) {

/*  sections/grouping/grid column setup  */
.section.group {}
.col.span_1_of_1 {}
.col.span_1_of_2 {}
}
/* ======================================================================================= */