*{
    margin:0;
    padding: 0;
    box-sizing: border-box;
}

body{
    font-family: Georgia, 'Times New Roman', Times, serif;
}
.contenedor{
    padding: 60px 0;
    width: 90%;
    max-width: 1000px;
    margin:auto;
    overflow: hidden;

}

.Titulo{
    color: #117864;
    font-size: 20px;
    text-align: center;
    margin-bottom: 60px;
}

/*Encabeado*/
header{

    width: 100%;
    height: 600px;

    /* fallback for old browsers */
    background: #283c86;  
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to right, #456aa2a2, #28864752),url(../imagenes/1erEncabezadoelBerro.jpg);  
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to right, #456aa2a2, #28864752),url(../imagenes/1erEncabezadoelBerro.jpg);
    background-size: cover;
    background-attachment: fixed; 
    position: relative;
}

nav{
    text-align: right;
    padding: 30px 50px 0 0;
}

nav >a {
    color :#fff;
    font-weight: 100;
    text-decoration: none;
    margin-right: 10px;
}

nav >a:hover{

    text-decoration:underline;

}
header .Textos-encabezado{
    display: flex;
    height: 430px;
    width:100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;

}

.Textos-encabezado h1 {
    font-size:50px;
    color:#fff;
}

.Textos-encabezado h2 {
    font-size: 30px;
    font-weight: 300;
    color:#fff;
}

.ola{
    position:absolute;
    bottom:0;
    width:100%;
}

/*acerca de nosotros*/
.contenedor-de-nuestro-producto{
    display:flex;
    justify-content:space-evenly;
}

.imagenes-acerca-de-nosotros{
    width: 48%;
}

.contenedor-Sobre-nuestro-producto .contenedor-de-nuestro-producto{
    width: 48%;
}
.contenedor-de-nuestro-producto h3{
    margin-bottom: 15px;
}

.contenedor-de-nuestro-producto h3 span{
    background: #117864;
    color: #fff;
    border-radius: 50%;
    display:inline-block;
    text-align: center;
    width:30px;
    height: 30px;
    padding: 2px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .5);
    padding: 2px;
}

.contenedor-Textos-encabezado p{
    padding: 0px 0px 30px 15px;
    font-weight: 300;
    text-align:justify ;

}

.Portafolio{
    background: #f2f2f2;
}

.Galeria-Imagenes-Microbrotes{
    display: flex;
    justify-content:space-evenly;
    flex-wrap: wrap;
}

.imagenes-microbrotes-platos{
    width: 24%;
    margin-bottom: 10px; 
    height: 200px;
    overflow: hidden;
    position:relative;
    cursor: pointer;
    box-shadow:0 0 6px 0 rgba(0, 0, 0, .5) ;
}

.imagenes-microbrotes-platos > img{
    width: 100%;    
    height:100%;
    object-fit: cover;
    display: block;

}

.puntero-galeria{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    transform:scale(0);
    background: hsla(152, 91%, 27%, 0.7);
    transition:transform .5s;
    display: flex;
    justify-content:center ;
    align-items: center;
    flex-direction: column;


}

.puntero-galeria img{
    width: 50px;

}

.puntero-galeria p{
    color: #fff;

}
.imagenes-microbrotes-platos:hover  .puntero-galeria{
    transform: scale(1);
}

/*nuestros servicos*/

.Acerca-de-nuestros-servicios{
    background: #f2f2f2;
    padding-bottom: 30px;

}
.cont-nuestro-servicos{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Ind-nuestro-servico{
    width: 28%;
    text-align: center;
}

.Ind-nuestro-servico img{
    width:90%;
}

.Ind-nuestro-servico h3{
    margin:10px 0;
}

.Ind-nuestro-servico p{
    font-weight: 300;
    text-align: justify;
}

/*Pie*/

footer{
    background: #414141;
    padding: 60px 0 30px 0;
    margin:auto;
    overflow:hidden;
}
.contenedor-footer{
    display: flex;
    width: 90%;
    justify-content: space-evenly;
    margin: auto;
    padding-bottom: 50px;
    border-bottom: 1px solid #ccc ;

}

.cont-foot{
    text-align: center;

}
.cont-foot h4{
    color: #fff;
    border-bottom: 3px solid #064b6b;
    padding-bottom: 5px;
    margin-bottom: 10px;

}

.cont-foot p{
    color: #ccc;
    
}

.Ultimo-Titulo{
    text-align: center;
    font-size: 10px;
    margin:20px 0 0 0;
    color: #9e9797;
}