/* sticky header background, in case option is checked */
.sticky-top > #hero-plus-header {
  background-color: white;
}
.cnt {text-align:center; clear: both !Important; font-size:20px; }
/*Header Box*/
#hero-plus-header {  
}
/*Hero Box*/
#hero-plus-hero {align-items:start;
}
/*Body Box*/
#hero-plus-body {font-size: 18px;
}
/*Footer Box*/
#hero-plus-footer {
    text-align: center;
    display: block;
    padding: 20px;
    border-top: solid;
}
/* Control carousel arrow*/
.carousel-gallery-arrow { color: blue;
}
#txt {padding: 2% 10%;}
.link {color: #000; font-weight; bold; padding: 10px; font-size: 1.4em; display:block; margin: 10px;}
h1 {text-align:center; font-size: 2rem; font-weight: bold; }
h2 {text-align:center; font-size: 1.7rem; margin: 30px 0px 40px;}
.h3, h3 {
    font-size: 1.5rem;
    margin: 0px 0px 30px; text-align: center;
}
.soc, .soc:visited, .soc:hover {color: #000; padding: 10px; margin: 5px; diplay: inline-block; vertical-align:middle;}
.logo {margin: 10px;}
.hero {max-width: 100%;}
.gallery-inline { float: right; width: 40%; margin: 2%;}
.ft {
    width: 150px;
    margin: 30px 0px;
}
.ctab, .ctab:visited {
    background: blue;
    color: #fff;
    padding: 30px 20px;
    font-size: 20px;
    font-weight: bold; text-decoration:none !Important;
}
.ctab:hover {background: #2727a0; color: #fff;}
.gallery-inline h2 {display:none;}
@media only screen and (max-width: 768px) {

.gallery-inline { float: none; width: 100%; margin: 20px auto;}

#hero-plus-header {
    display: block;
}
.logo {
    display: block;
    margin: 10px auto;
    text-align: center;
}

.ctab {
    display: block;
    text-align: center;
    padding: 10px;
}
h1, h2, h3 {
    font-size: larger;
}

}