@import url(https://fonts.googleapis.com/css?family=Roboto);


.h1 { font-family: "Gotham SSm",'Roboto', sans-serif, Arial!important;
    color: #4e606e!important;
    text-align: center!important;
    font-weight: 900!important;
    font-size: 2.4em!important;
    margin-top: 20px!important;
    margin-bottom: 15px!important;
}
.h2 {
    font-size: 2.2rem!important;
    padding: 20px 0px 40px!important;
font-family: "Gotham SSm", Arial!important;
    margin-bottom: 1em!important;
    color: #4e606e!important;
    text-align: center!important;
    padding-top: 20px!important; 
}

#gallery h2 { display: none!important; }
.soc { font-size: 1.5em; }

.play-overlay { background: #4e606e; }

.list-inline {display: inline-flex;}

li {padding: 0px 10px;}


*Change icons circle size and color here*/
.social-icons .fa { 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-instagram { border-radius: 100%;
    padding: 10px;background-color:#A1755C; }

.social-icons .fa-facebook,.social-icons .fa-facebook-square{background-color:#3C599F;border-radius: 100%;
    padding: 10px;}  

.social-icons .fa-pinterest, .social-icons .fa-pinterest-square { background-color:#CC2127; border-radius: 100%;
    padding: 10px;}

.social-icons .fa-twitter, .social-icons .fa-twitter-square { background-color:#32CCFE;border-radius: 100%;
    padding: 10px; }

.social-icons .fa-youtube, .social-icons .fa-youtube-play, .social-icons .fa-youtube-square { background-color:#C52F30; border-radius: 100%;
    padding: 10px;}

#gallery .card-title, #gallery .card-body {  }

.card-text{display:none;}
.cgal {  width: 100%; max-width: 100%; background:url('images/concrete-seamless.png') top center repeat; 
padding: 2% 5%; }
.headc {     text-align: center;
    margin: 20px auto;
    color: #4e606e;
}
.linked-url { display: none; }
p { font-family: 'Open Sans', sans-serif; font-size:18px; }

.smaller{font-size:90%;}

.logo {margin: 8px; width:150px;}
.hero {max-width: 100%; margin-top:140px;}
#txt {padding: 2% 10%;}
/*Header Box*/
#hero-plus-header{
background: #fff;
z-index: 1;
width: 100%;
position: fixed;
}
/*Hero Box*/
#hero-plus-hero{
  align-items: start;
}
/*Body Box*/
#hero-plus-body{
}
.tq { font-family: "Gotham SSm",'Roboto', sans-serif, Arial;
    text-align: center;
    margin: 20px auto;
    padding: 15px;
    font-size: 125%;
    font-weight: bold;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    color: #4e606e; }

.link {
    display: block;
    text-align: center;
    padding: 10px;
    text-decoration: none !Important;
    font-size: 20px;
    color: #fff;
    width: 50%;
    margin: auto;
    border-radius: 3px;
    margin-bottom: 10px;
    border-bottom: 1px solid #3e5bea;
}
.link:hover {
    background: #4e606e;
    color: #fff;
}
.soc {     padding: 5px;
    margin: 10px;
    height: 50px;
    width: 50px;
    color: #fff;
    display: inline-block; }

.soc:hover {  color: #000;}
h1, h2, h3, h4, h5, h6 {
    text-align: center;
}

#gallery {
    background: #f2f2f2;
    margin: 20px 0 20px 0;
    padding-top: 10px;
    padding-bottom: 30px;
    padding: 5% 15%;
}
.ctab, .ctab:visited { background: #4e606e; border-radius: 3px; color: #fff; text-decoration: none !important; padding: 15px; font-weight: bold; font-size: 150%; display: block; margin: 40px; text-align:center; }

.ctab:hover { ackground: #3e5bea;
    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 {
     padding: 30px;
    text-align: center;
    display: block;
    background-color: #282751;
    color: #eee;
}

@media only screen and (max-width: 980px) {
.col-md-3 { 
    max-width: 100%;
    flex-basis: 100%;
}
#gallery .col-md-4 {
    max-width: 50%;
    flex-basis: 50%;
}
}
@media only screen and (max-width: 768px) {
#txt {
padding:2% 2%;
}

#gallery .col-md-4 {
    max-width: 100%;
    flex-basis: 100%;
}
#hero-plus-header {
/*    display: block; */
    margin: 0px auto;    left: 0;
}
.logo {
    margin: 10px auto;
    display: block;
}

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