@charset "UTF-8";
/* CSS Document ENG & FRE*/

body {font-family: 'Source Sans Pro', sans-serif;line-height:135%;font-weight: 400;

}

h1, h2, h3, h4, h5, h6 {font-family: 'Source Sans Pro', sans-serif;}

h1, .h1 {
  font-size: 3.15rem;
}

h2, .h2 {
  font-size: 2.5rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

p {
  font-size: 1.1rem;
}

b,
strong {
font-weight: 700;
}


/* #3F76A8 - Light Blue
   #34608A - Mid Blue
   #1D3F5C – Dark Blue
   #FFD978 - Yellow Base
   #FFECBD - Yellow Light
*/
.yellowlite {color:#FFECBD;}

.bioBlue {color:#003551;}
.deepBlue {color:#34608A;}

.lead {
font-size: 2.5rem;
line-height:120%;
color:rgba(189,33,48,.90);
alignment-baseline: central;
}

.bioLead {
font-size: 2rem;
line-height:120%;
color:rgba(0,0,0,.60);
alignment-baseline: central;
}

.bkGrey {background: rgba(227,217,189,1.00);}

.navbar .navbar-nav .nav-item {margin-bottom:5px;}
.navbar .nav-link, .navbar .btn {font-size:1.2rem;}
.jumbotron, .jumbotron .container {padding:0;}


.date-header { 
color:#ffffff;
background-color:#1D3F5C;
text-transform:uppercase;
padding:10px 0px 3px 0px;
margin:0px 0px 0px 0px;
}

.date-header h1 {
font-size: 3rem;
line-height:110%;
}

.join-header { 
color:#003551;
background-color:#E9E9E9;
text-transform:uppercase;
padding:5px 0px 5px 0px;
margin:0px 0px 0px 0px;
}

.join-header h2 {
font-size: 1.5rem;
color:#003551;
margin:0px 0px 0px 0px;
}

#mainText {text-align:center;margin:0px 0px 20px 0px;}
#mainText .col-12 {padding:0px 0px 0px 0px;}

#mainText h3 {
font-size: 3rem;
font-weight:700;
line-height:100%;
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
}

#mainText h4 {
font-size: 2rem;
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
}

#mainText #title {
color:rgba(255,255,255,.75);
font-size: 1.5rem;
font-weight:normal;
line-height:110%;
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
}

#mainText #title2 {
font-size: 1.75rem;
font-weight:normal;
line-height:110%;
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
}
#mainText #title2 span {
font-size: 1.25rem;
font-style:italic;

}

#mainText p {
color:#3D3D3D;
font-size: 1.25rem;
line-height:120%;
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
}

#bioBtn {
color:#ffffff;
background-color:#001d3f;
font-size: 2rem;
padding:20px 30px 20px 30px;
margin:0px 0px 30px 0px;
}

#protecting {
padding:0px 0px 15px 0px;
}

#protecting p {
color:#3D3D3D;
font-size: 1.15rem;
line-height:130%;
padding:0px 15px 0px 15px;
margin:15px 0px 15px 0px;
}

#protecting .lead {
font-size: 1.5rem;
line-height:120%;
color:rgba(189,33,48,.90);
alignment-baseline: central;
}

#mainText .btn {padding-left:30px; padding-right:30px;}






.sponsorship .card-body .card-text {
	font-size:1rem;
	line-height:120%;
	font-weight:bold;
	margin-bottom:10px;
}

.sponsorship .card-body .card-text span {
	display:inline-block;
	font-size:.95rem;
	line-height:120%;
	font-weight:normal;
	margin-top:5px;
}

.sponsorship .card-body .category {
	font-size:1.65rem;
	line-height:100%;
	font-weight:bold;
	color:#D80F13;}

.sponsorship ul {
	margin-top:10px;
	line-height:120%;
	font-size:.9rem;
	font-weight:normal;
	text-align:left;
	color:black;
	padding-left:15px;
}
.sponsorship ul li {margin:5px 0px 5px 0px;}

#sponsors {
background: rgb(232,232,232);
background: linear-gradient(180deg, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 35%);
}

#special {background-color:rgba(255,255,255,.75)}

.biohead {
	font-size: 2.5rem;
	margin-bottom:20px;
	text-align:center;
	font-weight:bold;
	color:#34608A;
	line-height:100%;

}

#committee {
background-color:#8C090C;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border-top: 12px solid #1D3F5C;
}

#committee h3 {
color:white;
margin:10px 0px 10px 0px;
}
#committee h5 {
color:white;
font-size:1rem;	
	font-weight:bold;
margin:10px 0px 10px 0px;
	text-align:left;
}
#committee ul {
font-size:.9rem;
line-height:110%;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 15px;
	color:white;
}
#committee ul li {
margin:0px 0px 5px 0px;
	text-align:left;
}



/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 400px) {
.date-header h1 {font-size: 3.0rem;}
.join-header h2 {font-size: 2rem;}
#mainText h3 {font-size: 4rem;}
#mainText h4 {font-size: 2rem;}
#mainText p {font-size: 1.25rem;}
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 480px) {
	.date-header h1 {font-size: 3.5rem;}
	

	
}
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	.date-header h1 {font-size: 3.8rem;}
.protecting-image{padding:0px 15px 0px 15px;}
.bigBtn a {font-size:2.5rem;}	
	
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
.date-header h1 {font-size: 3rem;}
#protecting .lead {font-size: 2.5rem;}
.protecting-image{padding:0px 30px 0px 30px;}
	 .card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -10px;
    margin-left: -10px;
  }
  .card-deck .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-right: 10px;
    margin-bottom: 0;
    margin-left: 10px;
  }
}

.card-group > .card {
  margin-bottom: 15px;

}

.bigBtn a {font-size:1.5rem;}		


/*  Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
.navbar .nav-link, .navbar .btn {font-size:.85rem;margin-right:10px;}
	.bigBtn a {font-size:2.5rem;}	
}

/*  Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
.navbar .nav-link, .navbar .btn {font-size:1rem;margin-right:20px;}
.join-header h2 {font-size: 2.5rem;}
#mainText h3 {font-size: 5rem;}
#mainText h4 {font-size: 2.25rem;}
#mainText p {font-size: 1rem;}
#protecting {padding:20px 0px 20px 0px;}
#protecting p {font-size: 1.25rem;}


}