/* sticky header background, in case option is checked */
.sticky-top > #hero-plus-header {
  background-color: white;
}
#txt {padding: 2% 10%;}
#gallery {background: #efefef; padding: 2% 5%;}
#gallery h2 {display:none;}
.hero {max-width: 100%;}
/*Header Box*/
#hero-plus-header {  align-items:start;
}
.logo {margin:10px;}
/*Hero Box*/
#hero-plus-hero {
}
/*Body Box*/
#hero-plus-body { font-size:18px;
}
#gallery .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 33.3%;
    max-width: 33.3%;
}
/*Footer Box*/
#hero-plus-footer{
}
/* Control carousel arrow*/
.carousel-gallery-arrow {
}

.ctab, .ctab:visited { background-color: #4a8b2c; border-radius: 3px; color: #fff; text-decoration: none !important; padding: 15px; font-weight: bold; font-size: 100%;  margin: 30px; text-align:center;}

.ctab:hover { color: #fff; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; transition: all .25s ease-out; opacity:.8; }

.tweet {
       text-align: center;
    max-width: 100%;
    margin: auto;
    background-color: #64a70a;
    padding: 15px;
    font-size: 2em;
    color: #efefef;
    flex-basis: 100%;
}

#hero-plus-footer {text-align: center;
    padding: 20px; background: #d6d5d2; padding: 30px; }
#hero-plus-footer .col-md-6 {    float: left;}

.link  {  color: #333; text-decoration: none !important;
    display: block;
    padding: 5px;
    font-weight: bold;
margin: 10px;
    font-size: 18px;
}

.socbox {margin-top: 20px;}

.card-text {display:none;}

h5{
font-size:1em;}
.card-body {
    background-color: #64a70a;
    color: #fff;
    height: 65px;
    padding: 10px 10px 5px;
    text-align: center;
}
.play-overlay {
    position: absolute;
    color: #64a70a;
    background-color: rgba(0,0,0,0.2);
    font-size: 6em;
    top: 50%;
    left: 50%;
    text-decoration: none !important;
    bottom: 0;
    height: 1em;
    transform: translate(-50%, -50%);
}
.link:hover {color: #64a70a;}
h1{
font-size: 2em;
margin:20px 0px;
text-align: center;
}
h2{
font-style: italic;
    font-size: 1.4em;
    margin: 20px 0px 40px;
text-align: center;
}

/*Change icons size here*/
.social-icons .fab{
	font-size: 1.8em;
}
/*Change icons circle size and color here*/
.social-icons .fab{
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #FFF;
	color: rgba(255, 255, 255, 0.8);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.social-icons.icon-circle .fa{ 
	border-radius: 50%;
}
.social-icons.icon-rounded .fa{
	border-radius:5px;
}
.social-icons.icon-flat .fa{
	border-radius: 0;
}

.social-icons .fa:hover, .social-icons .fa:active {
	color: #FFF;
	-webkit-box-shadow: 1px 1px 3px #333;
	-moz-box-shadow: 1px 1px 3px #333;
	box-shadow: 1px 1px 3px #333; 
}
.social-icons.icon-zoom .fa:hover, .social-icons.icon-zoom .fa:active { 
 	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1); 
}
.social-icons.icon-rotate .fa:hover, .social-icons.icon-rotate .fa:active { 
	-webkit-transform: scale(1.1) rotate(360deg);
	-moz-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
	transform: scale(1.1) rotate(360deg);
}

.social-icons .fa-facebook,.social-icons .fa-facebook-square{background-color:#3C599F;}  
.social-icons .fa-instagram{background-color:#3f729b;}
.social-icons .fa-twitter,.social-icons .fa-twitter-square{background-color:#32CCFE;} 
.social-icons .fa-youtube,.social-icons .fa-youtube-play,.social-icons .fa-youtube-square{background-color:#C52F30;}
 .social-icons .fa-linkedin {background-color:#007bb5;}
.list-unstyled {
	padding-left: 0;
	list-style: none;
}
.list-inline li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
}

@media only screen and (max-width:769px) {
#hero-plus-header {
    align-items: start;
    display: block;
}
.logo {
    margin: 10px auto;
    display: block;
    text-align: center;
}
.ctab {
    margin: 20px auto;
    display: block;
}
}