/* 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;}
h1 {text-align:center; margin: 20px 0px 40px;     font-size: 2.5rem;}
.card-title {
    margin-bottom: .75rem;
    text-align: center;
    font-size: smaller;
}
.tq {
    background: #006299;
    text-align: center;
    font-style: italic;
    padding: 30px;
    margin: 20px auto;
    color: #fff;
    font-weight: 600;
}
/*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;
}
#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;}
.hero {max-width: 100%;}

.ctab {
     background: #1F344C;
    color: #fff!important;
    padding: 5px 5px;
    font-size: 110%;
    display: block;
    text-align: center;
    text-decoration: none;
    width: 300px;
    max-width: 100%;
    border-radius: 3px;
    border-bottom: 3px solid #1F344C;
    margin: 30px;
}
.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;
}
}