@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');


/* sticky header background, in case option is checked */
.sticky-top > #hero-plus-header {
  background-color: white;
}
.card-text {display:none;}
#txt { padding: 2% 10%; font-size:18px; font-family: 'Open Sans', sans-serif; font-weight:400;}
h1 {text-align:center; margin: 20px 0px 40px;   font-weight:300;  font-size: 2.5rem;}
.card-title {
    margin-bottom: .75rem;
    text-align: center;
    font-size: 16px;
font-weight:300;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
padding-top:10px;
color:#fff;
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background:none;
    background-clip: border-box;
   border: none;
    border-radius: .25rem;
}


h2{text-align: center;
    color: #fff;
    font-weight: 300;}

.header2{
color:#5a5a5a;
}

.gallery-inline{padding:5% 8%; background:rgb(99, 111, 128);}

.click-tweet {
    font-weight:300;
    text-align: left;
   width:45%;
margin:2.5%;
    padding: 30px;
float:right;
    color: #fff;
font-size:110%;
    background: #024f87;
}
/*Header Box*/
#hero-plus-header {  align-items:start;
}
/*Hero Box*/
#hero-plus-hero {
}
/*Body Box*/
#hero-plus-body {
}
/*Footer Box*/
.soc, .soc:visited, .soc:hover {
    color: #fff;
    padding: 5px;
    margin: 10px;
    display: inline-block;
}
.link, .link:visited, .link:hover {
    color: #fff;
    display: block;
    margin: 5px auto;
    padding: 5px;
font-weight:300;
font-size:130%;
}
#hero-plus-footer{ text-align:center;
background: #005280;
    background: -moz-linear-gradient(top, #005280 0, #007dc3 3%, #006299 72%);
    background: -webkit-linear-gradient(top, #005280 0, #007dc3 3%, #006299 72%);
    background: -ms-linear-gradient(top, #005280 0, #007dc3 3%, #006299 72%);
    background: linear-gradient(to bottom, #005280 0, #007dc3 3%, #006299 72%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005280', endColorstr='#006299', GradientType=0);
    text-align: center;
    padding: 20px 0;  display: block;
}
/* Control carousel arrow*/
.carousel-gallery-arrow {
}
#gallery h2 {display:none;}
.logo {margin: 20px; width:120px;}
.logo2 {margin: 10px; width:260px;}
.hero {max-width: 100%;}

h2{text-align:center;}

.ctab {
     background: #1F344C;
    color: #fff!important;
    padding: 20px 20px;
    font-size: 100%;
    display: block;
    text-align: center;
    text-decoration: none;
    width: 60%;
    max-width: 100%;
    border-radius: 3px;
    border-bottom: 3px solid #1F344C;

    margin: 20px auto;
}
.ctab:hover {
    background: #1F344C;
    color: #fff !important;
    text-decoration: none !important;
}

#gallery { background: #fafafa; padding: 2% 5%;}

@media only screen and (max-width: 768px) {
#hero-plus-header {
    align-items: start;
    display: block;
}
.logo {
    margin: 20px auto;
    display: block;
}
.ctab {
    width: 300px;
    text-align: center;
    margin: 20px auto;
}

.click-tweet {
    font-weight:300;
    text-align: left;
   width:100%;
margin:0%;
margin-bottom:20px;
margin-top:10px;
    padding: 30px;
float:right;
    color: #fff;
font-size:110%;
    background: #024f87;
}

.logo{width:100px; margin:5px; display:inline;}
.logo2{width:150px; margin:5px; display:inline;}

h1 {
    text-align: center;
    margin: 20px 0px 40px;
    font-weight: 300;
    font-size: 2rem;
}

h2{
    font-size: 1.4rem;

}

#txt {
    padding: 2% 1%;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
width: 100%;
    max-width: 100%;
}

}