body{
	margin: 0px;
	padding: 0px;
}
::selection{
	color:white;
	background-color: #2d2d2d;
}
::-moz-selection{
	color:white;
	background-color: #2d2d2d;
}
.nav{
	font-weight: bold;
	background-color: #FFFFFF;
}
.navin{
	float: left;
	margin-left: 15%;
	}
.naving{
color:#5c5c5c;
	}
.naving:hover{
color:#bea87f;
}
.abouttitle{
	text-align: center;
	margin-top: 40px; 
	font-size: 43px; 
	letter-spacing: 1px;
	text-shadow: 7px 7px 0 rgba(150,150,150,.2);
}
.abouttitledw{
	font-size: 12px;
    letter-spacing: 15px;
    text-transform: uppercase;
    margin-top: 10px;
text-align: center;

}

.imgoverlay
	 {
  position: relative;
 width: 100%;
}


.overlay {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1; 
  
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 20px;
  padding: 20px;
	width: 92%;
  text-align: center;
}


.imgoverlay:hover .overlay {
  opacity: 1;
}
.image {
  display: block;
  width: 100%;
  height: auto;
}
/*
footerstarts*/
.fbgc{
	background-color: #1d1d1d;
}
.flogo{
	margin-top: 50px;
}
.fotpad{
	padding-top: 10px;
}

.fpar{
	font-size: 12px;font-weight: 500;color: #fff;margin-top: 10px;
}
.fcolor{
	color: white;
	margin-top: 50px;
}

.iconh{
	margin-top: 10px;text-align: center;font-size: 30px;
}
.grtcli{
	font-weight: 700;margin-top: 90px;
}
.mtn{
	margin-top: 10px;
}
.mtety{
	margin-top: 80px;
}
.mthund{
	margin-top: 100px;
}
.mtsevnty{
	margin-top: 70px;
}
.mttwnty{
	margin-top: 20px;
}
.mtfifty{
	margin-top: 50px;
}
.mtthirty{
	margin-top: 30px;
}
.mlef1{
	margin-left: 12px;
}
.mainheader{
	background-image: url(../images/lbi.jpg); color: white; height:150px;margin-top: 100px;
}
.navcolor{
	color:#bea87f;
}
li a{
	text-decoration: none;
	color: white;
	
}


li a:hover{
	text-decoration: none;
	color: #bea87f;
}


#myBtn {

  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px; 
  background-color: #bea87f;
  color: white;
  cursor: pointer;
 outline: none;
   text-align: center;
   text-decoration: none;
   display: inline-block;

	border: none;
	
}

#myBtn:hover {
  background-color:#1d1d1d;
}
.about{


background-color:#bea87f;
margin-top:20px;
color:white;
font-size:20px;
float:left;
padding-left:20px;
padding-right:20px;
padding-top: 10px;
padding-bottom:px;
}

@media only screen and (max-width: 600px) {
	.imgoverlay
	 {
  position: relative;
 width: 100%;
		 margin-top: 20px;
}
	.imgoverlay
	 {
  position: relative;
 width: 100%;
}


.overlay {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1; 
  
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 20px;
  padding: 20px;
	width: 92%;
  text-align: center;
}

}


@media only screen and (max-width: 768px) {
.media-hide{
		display: none;
	}
	.iconh{
		margin-top: 10px;text-align: center;font-size: 20px;
	}
	.imgoverlay
	 {
  position: relative;
 width: 100%;
}


.overlay {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1; 
  
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 20px;
  padding: 20px;

  text-align: center;
}
}
@media only screen and (max-width: 800px) {
.media-hide{
		display: none;
	}
	.iconh{
		margin-top: 10px;text-align: center;font-size: 20px;
	}
		.mlef1{
	margin-left: 1px;
}
	.imgoverlay
	 {
  position: relative;
 width: 100%;
}


.overlay {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1; 
  
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 20px;
  padding: 20px;
	width: 92%;
  text-align: center;
}
}