body,h1,h2,h3,h4,h5,h6 {font-family: 'Open Sans', sans-serif; }
h1,h2,h3,h4,h5,h6 {line-height: 1;color: #946161; font-weight: 800;}

body, html {
  background-color: #f7f5f3;
  height: 100%;
  color: #777;
  line-height: 1.8;
  background:url(../img/windpeaks/Bg_trees.png) #f7f5f3; 
  background-repeat: repeat-x; 
  background-position: top;
  text-indent: 0px;
}

.videoWrapper {
position: relative;
padding-bottom: 56.5%; /* 16:9 */

min-height: 250px;

}

.videoWrapper iframe {

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
 height: 100%;
  background-color: #02070d;

}

#videocover{
margin: 0 auto;
width: 100%;
max-width: 1920px;
height: 500px;
}


#myVideo
{  
  width: 1920px;
  height: 500px;
}

#links{
 width: 100%; 
 margin-top: 25px;
 max-width: 250px; 
 float: right;
 text-align: center;
 background-color: #946161;
}

#links a{
  padding: 12px!important;
  display: block;
}
#links img{
  max-height: 30px;
}

#linksline{
 margin: 0em 0 2em;
 text-align: center;
 background-color: #e7dcbf;
}

#linksline a{
  padding: 15px!important;
  /*display: inline-block;*/
}
#linksline img{
  width: 100%;
  max-width: 180px;
  /*max-height: 30px;*/
}


#linkslineMobile{
 margin: 1em 0 1em;
 text-align: center;
 background-color: #e7dcbf;
}

#linkslineMobile a{
  padding: 15px!important;
  /*display: inline-block;*/
}
#linkslineMobile img{
  width: 100%;
  max-width: 100px;
  /*max-height: 30px;*/
}



h4{font-size: 30px;}
p{font-size: 17px; color:#978671; font-weight: 400; }/*978671*/
h1{
  font-size: 42px;  
}
a{
  color: #d5b995;
  text-decoration: none;
  font-weight: 800;
    transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
a:hover{color: #fb5353;}

footer a{
  color: #e45151;
  transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;

}
footer a:hover{color: #d5b995;}
footer h3 { font-size: 30px; color: #978671;}

.iten
  {
    max-width:320px; 
    width:100%;
    margin: 4px 0px;
  }
.subtitulo{
  font-weight: 300;
}
.imagescreen{
  width: 100%;
  max-width: 1920px;
  padding: 8px;
}

/* Create a Parallax Effect */
.bgimg-1, .bgimg-2, .bgimg-3 {
  background-attachment: scroll;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;  
  }

/* First image (Logo. Full height) */
.bgimg-1 {
  background-image: url('../img/windpeaks/cover.jpg');
  min-height: 497px;
}

/* Second image (Portfolio) */
.bgimg-2 {
 /* background-image: url("/w3images/parallax2.jpg");*/
  min-height: 400px;
}

/* Third image (Contact) */
.bgimg-3 {
  /*background-image: url("../w3images/parallax3.jpg");*/
  min-height: 400px;
}
.form-inline{
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
.form-inline input{display: inline-block; vertical-align: middle; font-size: 20px; padding: 6px 12px;   line-height: 1.42857143;}
.btnlarge{display: inline-block; margin-left: -50px;padding: 8px 12px; white-space:nowrap; touch-action: manipulation; -ms-touch-action: manipulation; vertical-align: middle; font-size: 20px;color:#fff!important; line-height: 1.42857143;}
.btnlarge:hover{
    background-color: #fb5353!important;
    transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  }
.btnsmall{display: inline-block; width: 100%; max-width: 300px; margin-top: 5px; padding: 6px 12px; white-space:nowrap; touch-action: manipulation; -ms-touch-action: manipulation; vertical-align: middle; font-size: 20px;color:#fff!important; line-height: 1.42857143;}
.bordercolor{border-color: #946161;}
.menufooter a{
  color: #46321e;
  font-size: 17px;
}
.menufooter{ padding: 30px 0px 30px;}


.w3-wide {letter-spacing: 10px;}
.w3-hover-opacity {cursor: pointer;}


/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1600px) {
  .bgimg-1, .bgimg-2, .bgimg-3 {
    background-attachment: scroll;
    min-height: 400px;
  }
}