/* ----------------------------- */
/* BASIC SETUP */
/* ----------------------------- */

html, body{
	font-family: 'helvetica', 'arial', 'lato', 'sans-serif';
	font-size: 16px;
	font-weight: 300;
	background-color: #a5926b;	
        color: #000;
	text-rendering: optimizeLegibility;
	overflow-x: hidden;
}

section{
	margin-top: 30px;
}

section, header{
  max-width: 800px;
  margin: 0 auto;
  background-color: #fff !important;
  
}

section div{
	margin-bottom: 18px;
}

strong{
	font-weight: 800;
}

.w3-row-padding{
	padding: 20px;
}

.img{
	width: 100%;
}.img95{
	width: 95%;
}.img90{
	width: 90%;
}.img85{
	width: 85%;
}.img80{
	width: 80%;
}.img75{
	width: 75%;
}.img70{
	width: 70%;
}.img65{
	width: 65%;
}.img60{
	width: 60%;
}.img55{
	width: 55%;
}.img50{
	width: 50%;
}.img45{
	width: 45%;
}.img40{
	width: 40%;
}.img35{
	width: 35%;
}.img30{
	width: 30%;
}.img25{
	width: 25%;
}.img20{
	width: 20%;
}.img15{
	width: 15%;
}.img10{
	width: 10%;
}.img5{
	width: 5%;
}

img{
	padding: 5px;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}


/* ----------------------------- */
/* PARALLAX */
/* ----------------------------- */

/* .aboutpara{
	background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(images/index/about_para.jpeg);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	color: #fff;
} */



.header{
  background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), url(/images/index/header.jpg);
  background-size: fit;
  background-position: center;
  background-attachment: fixed;
  color: #fff;
}



/* ----------------------------- */
/* HEADERS AND TEXT */
/* ----------------------------- */

.copy{
	max-width: 750px;
	text-align: justify;
	margin: 0 auto;
	line-height: 30px;
}

a{
	text-decoration: none;
	
}

.center{
	max-width: 750px;
	margin: 0 auto;
}

.margin-top{
	margin-top: 100px;
}




/* ----------------------------- */
/* BASIC VISUAL SETUP */
/* ----------------------------- */

.hr{
  border: 3px solid #A7B56C;
  border-radius: 8px;
}



/* ----------------------------- */
/* COLORS */
/*  Create Custom Color Palette  */
/* ----------------------------- */

.w3-dark-blue{
	background-color: #263a8d;
	color: #fff;
}




/* ----------------------------- */
/* TAGS */
/* ----------------------------- */

.footerhr{
	border: 4px solid white;
	margin: 0, 10, 10, 0;
}


/* ----------------------------- */
/* IMAGE COMPARION (BEERSLIDER) */
/* ----------------------------- */

.container{
	max-width: 960px;
	margin: 0 auto;
	padding: 0 0.75rem;
}




/* ----------------------------- */
/* RESPONSIVE VIDEO CONTAINER */
/* ----------------------------- */


.container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}




/* ----------------------------- */
/* IMAGE ROTATIONS */
/* ----------------------------- */

.rotate5{
  transform: rotate(5deg);
}
.rotate10{
  transform: rotate(10deg);
}
.rotate15{
  transform: rotate(15deg);
}
.rotate20{
  transform: rotate(20deg);
}
.rotate25{
  transform: rotate(25deg);
}
.rotate30{
  transform: rotate(30deg);
}
.rotate35{
  transform: rotate(35deg);
}
.rotate40{
  transform: rotate(40deg);
}


.lftrotate5{
  transform: rotate(-5deg);
}
.lftrotate10{
  transform: rotate(-10deg);
}
.lftrotate15{
  transform: rotate(-15deg);
}
.lftrotate20{
  transform: rotate(-20deg);
}
.lftrotate25{
  transform: rotate(-25deg);
}
.lftrotate30{
  transform: rotate(-30deg);
}
.lftrotate35{
  transform: rotate(-35deg);
}
.lftrotate40{
  transform: rotate(-40deg);
}