p {
    font-size: 18px;
    line-height: 2em;
}
.card-columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
}
.marline { margin: 10px; }
#gallery-title-uuid { display: none; }
h1 { text-align: center; margin: 20px 0 20px; }
h2 { display: none; text-align: center; margin: 20px 0px 40px;  }
.ctab, .ctab:visited {
    background: #39c1cd;
    color: #fff!important;
    margin: 35px;
    padding: 20px;
    font-weight: bold;
    font-size: 20px;
}

.ctab:hover, .ctab:active, .ctab:focus {
  background: #1d858e;
    color: #fff !important;
    text-decoration: none;
}

.soc, .soc:visited, .soc:hover { color: #fff; margin: 20px; }

/*Header Box*/
#hero-plus-header{
background: #000;
webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
}
#gallery {
    text-align: center;
    margin: 20px auto;
}
.col-md-6 {
    float: left;
}
#hero-plus-body .col-md-8 {
    float: left;
}
#hero-plus-body .col-md-4 {
    max-width: 32%;
    flex-basis: 32%;
    clear: both !important;
    display: inline-block;
}
.card-body {
    display: none;
}
.logo  {margin: 50px 20px auto;}
.hero {width: 100%;}
.noflex {padding: 2% 10%;}
p {font-size: 18px;}
/*Hero Box*/
#hero-plus-hero{
}
/*Body Box*/
#hero-plus-body{
}
/*Footer Box*/
#hero-plus-footer{
background: #000; padding: 50px; diplay:block;}
#hero-plus-footer .logo {
    display: block;
    text-align: center;
    margin: 0px 40px;
}


@media only screen and (max-width: 768px) { 
h1 { font-size: 30px; }
h2 { font-size: 26px; }
.socbar { display: block: margin-top: 20px; padding: 10px; }
#hero-plus-footer .logo { display: block; text-align: center; margin: 10px auto; }
.inl { width: 100%; float: none; margin: 20px auto; }
#hero-plus-body .col-md-4 {
    max-width: 100%;
    flex-basis: 100%;
    margin: 20px auto;
}
}