/*CSS COLORS VARIABLES*/
:root {
  --Blue: #00539B; 
  --Red: #ef3e33; 
}
/**/

.landingPage h1, .landingPage h2, .landingPage h3, .landingPage h4, .landingPage h5{ 
font-family: 'Open Sans', sans-serif;
font-weight: bold;
}
.landingPage h1{
font-size: 3rem;
text-transform: uppercase;
color: var(--Blue);
margin: 30px 0;
border-bottom: 2px solid #dfdfdf;
}

h1.animated.slideInUp {font-size: 3.6rem;}

.landingPage h4 {
margin-bottom: 10px;
}
.hide { visibility: hidden; opacity: 0; transition: visibility 0s 2s, opacity 2s linear; }

.learn-more {
background-color: var(--Blue);
color: #fff;
font-weight: 700;
margin-bottom: 20px;
}
.blue { color: var(--Blue);}
.red { color: var(--Red);}

img.resp { width: 100%;
  height: auto;}

h2.light-header { font-weight:300; text-decoration:none; text-transform: none; border-bottom: none; font-size:2em; max-width:900px; color: #286090;}
.border {border: solid 1px #b1c1ce; border-radius:20px; margin-top: 20px; display: block;}

.fa-arrow-down{ font-weight:300; font-size:2em;  color:#286090; margin-top:20px; }

.clmborder {border: solid 1px #c8c9c9; padding: 40px; border-radius:10px;
  animation-delay: 0.2s;

}

.trans-bg { background-color: rgba(2, 23, 68, 0.6);  height: 100%;}
.trans-bg h1{ color: white; max-width:800px; text-align: center; margin-top:6%; font-weight:900; font-size:2.2em;   text-shadow: 1px 1px 2px black;}

p { font-size: 1.2em; }

/*padding margin*/
.padding-xs { padding: .25em; }
.padding-sm { padding: .5em; }
.padding-md { padding: 1em; }
.padding-lg { padding: 1.5em; }
.padding-xl { padding: 3em; }

.padding-x-xs { padding: .25em 0; }
.padding-x-sm { padding: .5em 0; }
.padding-x-md { padding: 1em 0; }
.padding-x-lg { padding: 1.5em 0; }
.padding-x-xl { padding: 3em 0; }

.padding-y-xs { padding: 0 .25em; }
.padding-y-sm { padding: 0 .5em; }
.padding-y-md { padding: 0 1em; }
.padding-y-lg { padding: 0 1.5em; }
.padding-y-xl { padding: 0 3em; }

.padding-top-xs { padding-top: .25em; }
.padding-top-sm { padding-top: .5em; }
.padding-top-md { padding-top: 1em; }
.padding-top-lg { padding-top: 1.5em; }
.padding-top-xl { padding-top: 3em; }

.padding-right-xs { padding-right: .25em; }
.padding-right-sm { padding-right: .5em; }
.padding-right-md { padding-right: 1em; }
.padding-right-lg { padding-right: 1.5em; }
.padding-right-xl { padding-right: 3em; }

.padding-bottom-xs { padding-bottom: .25em; }
.padding-bottom-sm { padding-bottom: .5em; }
.padding-bottom-md { padding-bottom: 1em; }
.padding-bottom-lg { padding-bottom: 1.5em; }
.padding-bottom-xl { padding-bottom: 3em; }

.padding-left-xs { padding-left: .25em; }
.padding-left-sm { padding-left: .5em; }
.padding-left-md { padding-left: 1em; }
.padding-left-lg { padding-left: 1.5em; }
.padding-left-xl { padding-left: 3em; }

.margin-xs { margin: .25em; }
.margin-sm { margin: .5em; }
.margin-md { margin: 1em; }
.margin-lg { margin: 1.5em; }
.margin-xl { margin: 3em; }

.margin-x-xs { margin: .25em 0; }
.margin-x-sm { margin: .5em 0; }
.margin-x-md { margin: 1em 0; }
.margin-x-lg { margin: 1.5em 0; }
.margin-x-xl { margin: 3em 0; }

.margin-y-xs { margin: 0 .25em; }
.margin-y-sm { margin: 0 .5em; }
.margin-y-md { margin: 0 1em; }
.margin-y-lg { margin: 0 1.5em; }
.margin-y-xl { margin: 0 3em; }

.margin-top-xs { margin-top: .25em; }
.margin-top-sm { margin-top: .5em; }
.margin-top-md { margin-top: 1em; }
.margin-top-lg { margin-top: 1.5em; }
.margin-top-xl { margin-top: 3em; }

.margin-right-xs { margin-right: .25em; }
.margin-right-sm { margin-right: .5em; }
.margin-right-md { margin-right: 1em; }
.margin-right-lg { margin-right: 1.5em; }
.margin-right-xl { margin-right: 3em; }

.margin-bottom-xs { margin-bottom: .25em; }
.margin-bottom-sm { margin-bottom: .5em; }
.margin-bottom-md { margin-bottom: 1em; }
.margin-bottom-lg { margin-bottom: 1.5em; }
.margin-bottom-xl { margin-bottom: 3em; }

.margin-left-xs { margin-left: .25em; }
.margin-left-sm { margin-left: .5em; }
.margin-left-md { margin-left: 1em; }
.margin-left-lg { margin-left: 1.5em; }
.margin-left-xl { margin-left: 3em; }

/*
 * Row with equal height columns
 * --------------------------------------------------
 */

@media screen and (min-width: 980px) {
  .row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.row-eq-height > [class*="col-"] {
  padding-top: 10px;
  padding-bottom: 15px;
  width: 98%;
  margin-left:2%;
}

}
@media screen and (max-width: 780px) {
#mobile-logo {bottom: -2px;}
.trans-bg h1{  margin-top:20%;}
}