.main-header {
  position: fixed;
  width: 100%;
  margin: 0 auto;
  z-index: 1000;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  background: rgba(64, 58, 58, 0.44);
}

.scrolled #mainmenu{
  position: fixed;
  height:50px;
  left: 0;
  top:-120px;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  background: #403a3a;
  -moz-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.07);
  box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.07);
}
.scrolled #header{
	display:none;
	}

#menu-wrapper {
  overflow: hidden;
  
}

.site-slider{
	width:100%;
	overflow:hidden;
	height:550px;
	}

.flexslider {
  position: relative;
  top:0px;
}
.flexslider .overlay {
  position: absolute;
  top: 0;
  left: 0;
  /*z-index: 8;*/
  width: 100%;
  height: 100%;
}
.flexslider .overlay img{
	background-position:center center;
  background-size:cover;
  }

.flexslider .slider-caption {
    position: absolute;
    z-index: 9;
    width: 35%;
    text-align: center;
    top: 330px;
    left: 30px;
    background: rgba(51, 51, 51, 0.85);
    border: 3px solid #ecbe01;
}
.flexslider .slider-caption h2 {
  color: white;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 700;
  border-bottom: 1px solid white;
  padding-bottom: 10px;
  display: inline-block;
  margin-top:10px;
}
.flexslider .slider-caption p {
  color: white;
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 26px;
  display: block;
  text-align:center;
}
.flexslider .slider-caption a.slider-btn {
  color: white;
  background-color: #ec523f;
  padding: 12px 20px;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: 700;
}
.ban_img img{
width:100%;
min-height:450px;
}

.ban_img {
    width: 100%;
    min-height: 450px;
    position: relative;
}



.col-about{
    font-size: 14px;
    text-align: justify;
    line-height: 25px;
}

.banner-text {
position: absolute;
    padding: 5px;
    background: rgba(18, 18, 18, 0.71);
    color: #fff;
    width: 90%;
    left: 5%;
    bottom: 359px; 
}




.banner-text h3 {
    font-size: 24px;
    line-height: 35px;
    padding: 10px;
    text-align: center;
}


@media screen and (min-width: 320px) and (max-width: 768px) {
  .ban_img {
    min-height: 100%;
  } 
  .ban_img img {
    min-height: 300px !important;
        margin-top: 76px !important;
  }
  .banner-text {
    left: 4%;
    bottom: 0px;
  }
  .banner-text h3 {
    font-size: 22px;
  }
}