*{
    text-align: justify;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    margin: 0%;
    padding: 0%;    
}
a{
    text-decoration: none;
}

a:active{
    text-decoration: none;
}

body{
background:     url("../img/fondo.jpg") fixed;
background-repeat: repeat;
background-size: 100%;
}

nav#cabecera{
    background: #CAB482;
    position: fixed;
    width: 100%;
    align-content: center;
}

#navegacion{
    margin-right: 20%;
}


iframe.snapwidget-widget{
    margin: auto;
    border:none;
    overflow:hidden;
    width:100%;
    height: 900px;
}

iframe.snapwidget-widget.visible-xs{
    margin: auto;
    border:none;
    overflow:hidden;
    width:100%;
    height: 500px;
}

section#inicio{
    width: 100%;
    align-content: center;
    margin: 0;
    background: url("../img/mapa.png") fixed;
    background-size: 100%;  
}

section#inicio p {
    color:#E6D4AA;
    display: block;
}

img.paralax {
    z-index: 1000;
    width: 100%;
}


section#inicio div{
    padding: 10% ;
    display: block;
    justify-content: center;
    align-items: center;
}


img#marca {
  width: 11.5em;  
  align-self: auto;
  margin: auto; 
  } 


div img#marca {
    display: flex;
    justify-content: center;
    align-items: center;
  }   

  .vinos{
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 20px;
    line-height: 1.42857143;
    margin:auto;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
  }

  #gracias{width:700px;margin:0px auto;}


  button.descargar{
 background-color: rgba(143, 126, 105, 0);
 border-color: white;
 color: white;
 border-radius: 3px;
 margin-bottom: 20px;
  }
  button.descargar:hover{
    background-color: rgba(255, 242, 217, 0.651);
    color: black; 
  }

section#enologo{
    width: 100%;
    padding-top: 15%;
    padding-bottom: 15%;
    color: white;
    background: url("../img/gold.png") fixed;
    background-position: absolute;
    background-size: 100%;  
}
div#felipe img {
    width: 15em;
    border-radius: 50%;
    margin: 10% 10% 10% 15%;
}

 

section#galeria{
    width: 100%;
    padding-top: 7%;
    padding-bottom: 5%;
    background-color: white; 
}

img.galeria{
     width: 23%;   
     float: left;
     margin: 7px;
}   


section#contacto{
    background-color: rgb(231, 225, 212);
    padding: 3%;
}

form{
    background-color: rgb(211, 202, 185);
    padding: 3%;
}


 
footer{
    width: 100%;
    background-color: white;
    color: #8F7E69;    
    }

    
    
    nav#social{
        margin: auto;
        padding-bottom: 15px;        
    }
        nav#social li{
            list-style: none;
            float: left;
            margin: 15px 0 0 10px;
            align-items: center;
        }
            nav#social li:hover{
                opacity: 0.5;
                transition: all 0.5s linear 0s;
                -o-transition: all 0.5s linear 0s;
                -ms-transition: all 0.5s linear 0s;
                -moz-transition: all 0.5s linear 0s;
                -webkit-transition: all 0.5s linear 0s;	
            }
            nav#social img{
                width: 3em;
            }

    
        nav.nav-footer li{
            list-style:none; 
            margin: 0 3px 0 3px;
            justify-content: space-evenly;
            text-decoration: none !important;
            text-align: center;
            margin: auto;
            
        }
            nav.nav-footer li:hover{
                opacity: 0.5;
                transition: all 0.5s linear 0s;
                -o-transition: all 0.5s linear 0s;
                -ms-transition: all 0.5s linear 0s;
                -moz-transition: all 0.5s linear 0s;
                -webkit-transition: all 0.5s linear 0s;	
            }

            div#autor{
                display: inline-block ; 
            }

        a{color: #8F7E69;}
        a :hover{opacity: 0.5;}

        

        .bd-placeholder-img {
            font-size: 1.125rem;
            text-anchor: middle;
          }
    
          @media (min-width: 768px) {
            .bd-placeholder-img-lg {
              font-size: 3.5rem;
            }
          }

/* responsive!! ............................................................................ */

        
@media (min-width: 768px) {
    .bd-placeholder-img-lg {
      font-size: 3.5rem;
    }

   

    a {
        overflow: hidden;
    }
  }
  @media (max-width: 768px) {
  .vinos{ 
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 31%;
    }
  }