/* sticky header background, in case option is checked */
.sticky-top > #hero-plus-header {
  background-color: #000;
}
.galline { width: 90%; margin: auto; }
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: none;
    border-radius: .25rem;
}
.card-body, .card-title { display: none; }
.card-title {
    margin-bottom: .75rem;
    text-align: center;
    font-size: 1.5em;
    color: #000;
}
#galline2 .card-columns { column-count: 2; }
#galline2 { width: 75%; text-align: center; margin: auto; }
h2 { padding: 2% 2% 2% 2%; font-weight: normal; font-style: italic; text-align: center; }
#vidline, .twfeed { float: right; margin-left: 2%; margin-bottom: 2%; width: 40%; }
.card-text {display:none;}
#txt { padding: 2% 10%; font-size:18px;}
h1 {text-align:center; font-weight:bold;   font-size: 2rem; margin: 20px 0px 30px;}
.card-title {
    margin-bottom: .75rem;
    text-align: center;
    font-size: smaller;
}
.tq {
    background: #122344;
    text-align: center;
    font-style: italic;
    padding: 30px;
    margin: 20px auto;
    color: #fff;
  font-weight: 600;
}
/*Header Box*/
#hero-plus-header {  align-items:start;
width: 100%;
max-width: 100%;
z-index: 1;
position: fixed;
}
/*Hero Box*/
#hero-plus-hero {
    background: #000;
    padding-top: 110px;
}
#hero-plus-hero .card-title, #hero-plus-hero .card-body { display: none; }
/*Body Box*/
#hero-plus-body {
background: #000;
color: #fff;
}
/*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-size: 150%;
}
#hero-plus-footer{ text-align:center;
background: #000;
    text-align: center;
    padding: 20px 0;  display: block;
border-top: 3px solid #fff;
}
/* Control carousel arrow*/
.carousel-gallery-arrow {
}
.galry { padding: 2% 2% 2% 2%; }
#gallery h2 {display:none;}
.logo {margin: 20px; width: 60%; }
.hero {
    max-width: 100%;

}
#gal1 h2, #gal12 h2, #gal2 h2, #gallery-title-uuid { display: none!important; }
.ctab {
 background: #000;
    color: #fff;
    padding: 10px;
    font-size: 100%;
    display: block;
    text-align: center;
    text-decoration: none;
    max-width: 100%;
    border-radius: 3px;
    margin: 5%;
    width: 500px;
    font-weight: bold;
}
.ctab:hover {
    background: #585858;
    color: #fff !important;
    text-decoration: none !important;
}

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

@media only screen and (max-width: 980px) {
.logo {
    margin: 20px auto;
    width: auto;
}
#hero-plus-header .col-lg-6 {
    float: left;
    width: auto;
}
.ctab {
    margin: 6%;
}

}
@media only screen and (max-width: 768px) {

#vidline, .twfeed { float: none; margin-left: 0; margin-bottom: 0; width: 100%; }
#hero-plus-header {
    align-items: start;
    display: block;
}
#hero-plus-header .col-lg-6 {
    float: none;
    max-width: 100%;
    text-align: center;
    margin: 0px auto;
}
.hero { margin-top: 15em; }
.logo {
    margin: 20px auto;
    display: block;
}
#hero-plus-hero {
    background: #000;
    padding-top: 0;
}
.ctab {
    width: 300px;
    text-align: center;
    margin: 20px auto;
}
}