.inl {
    float: right !important;
    width: 40%;
    margin: 1%;
}

.card-text {display: none;}

h1 { text-align: center; }
h2 { text-align: center; margin: 20px 0px 40px;  }
.ctab, .ctab:visited {
    background: #f0008c;
    color: #fff!important;
    margin: 35px;
    padding: 20px;
    font-weight: bold;
    font-size: 20px;
}

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

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

/*Header Box*/
#hero-plus-header{
}
#gallery {
    text-align: center;
    margin: 20px auto;
}
.col-md-6 {
    float: left;
}
#gallery .card-body {
    display: none;
}
.logo  {margin: 10px 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 {
    width: 200px;
    display: block;
    text-align: center;
}


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