@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,700;1,300;1,700&display=swap');

/* sticky header background, in case option is checked */
.sticky-top > #hero-plus-header {
  background-color: #fff;
}
.card-title { display: none; }
.card-columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}

.logo-right{float:right; width:160px; padding: 5px; display:inline-block;}

.card-body{
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: .9rem;
    background: #333333;
    font-family: 'Roboto', sans-serif;
}

.indent-nums{font-weight:800; margin-left:-10px;}

.logo1{width:100%; max-width:100%;}

.card-text{color:#fff; font-size:90%; font-weight:bold; font-family: 'Roboto', sans-serif;}

.logo {margin: 10px; width:240px;}
.hero {max-width: 100%; width:100%;}
#txt {padding: 2% 10%;}
/*Header Box*/
#hero-plus-header{
display:block; width:100%;
}
/*Hero Box*/
#hero-plus-hero{
}
/*Body Box*/px;
#hero-plus-body{ font-size:18px; font-family: 'Roboto', sans-serif;
}
.tq { width:40%; float:right !important; padding:15px; text-align:left; margin-left:1%; font-size:1.3em; font-family: 'Roboto', sans-serif;}

.indent{padding-left:20px;}

.link, .link:visited {     display: block;
    padding: 5px;
    margin: 10px;
    text-decoration: none !important;
 
    color: #2e1a47;
    font-weight: 700;
font-family: 'Roboto', sans-serif;
    border-bottom: solid 1px;}

.link:hover {
    display: block;
    padding: 5px;
    margin: 10px;
    text-decoration: none !important;
    color: #111111;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    border-bottom: solid 1px;
    }


.soc, .soc:visited{     padding: 5px;
    height: 50px;
    width: 50px;
 color: #007396;
    display: inline-block; }
#hero-plus-body .col-md-8 {
    float: left;
}


 .soc:hover {
    padding: 5px;
    height: 50px;
    width: 50px;
    color: #111111;
    display: inline-block;
    }
#hero-plus-body .col-md-8 {
    float: left;
    color: #575757;
}

#hero-plus-body .col-md-4 {
    max-width: 32%;
    flex-basis: 32%;
    clear: both !important;
    display: inline-block;
}
.soc:hover {color: #111111;}
h1, h2, h3, h4, h5, h6 {
    text-align: center;
}
.h2, h2 {
    font-size: 2rem;
    padding: 10px;
color:#470A68;
font-family: 'Roboto', sans-serif;
}
#gallery .col-md-4 {
    max-width: 100%;
    flex-basis: 100%;

}

h1{color: #111111;font-family: 'Roboto', sans-serif;font-weight:700;}

h3{
color:#2e1a47; font-family: 'Roboto', sans-serif; font-weight:300;}
#gallery {
    background: #eee;
   padding: 20px 5% 5%; text-align: center;
 
}
#gallery h2 {display:none;}
.ctab, .ctab:visited { background: #007396; border-radius: 3px; color: #fff; text-decoration: none !important;width:280px; padding: 15px; font-weight: bold; font-size: 100%; display: inline-block; margin: 30px; text-align:center; }

.ctab:hover {background: #111111;color: #fff;-webkit-transition: all .25s ease-out;-moz-transition: all .25s ease-out;transition: all .25s ease-out;}
.img-fluid {
    max-width: 100%;
    height: auto;
    -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);
}
/*Footer Box*/
#hero-plus-footer {
    background: #111111;
    color: #ffffff;
    padding: 50px;
    text-align: left;
    display: block;
}

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

}
@media only screen and (max-width: 768px) {
#gallery .col-md-4 {
    max-width: 100%;
    flex-basis: 100%;
}
#hero-plus-header {
    display: block;
    margin: 0px auto;
}
.logo {
    margin: 10px auto;
    display: block;
width:120px;
}
#hero-plus-body .col-md-4 {
    max-width: 100%;
    flex-basis: 100%;
    margin: 0px auto;
}
.logo-right{float:right; width:100px; display:inline-block;}


.ctab {margin: 0px 0px 5px;}
}