Professional Documents
Culture Documents
.textos-header h2{
font-size: 30px;
font-weight: 300;
color:#fff;
}
.wave{
position: absolute;
bottom: 0;
width: 100%;
}
/* About us */
main .sobre-nosotros{
padding: 30px 0 60px 0;
}
.contenedor-sobre-nosotros{
display: flex;
justify-content: space-evenly;
}
.imagen-about-us{
width: 48%;
}
.sobre-nosotros .contenido-textos{
width: 48%;
}
.contenido-textos h3{
margin-bottom: 15px;
}
.contenido-textos h3 span{
background: #4d0686;
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);
margin-right: 5px;
}
.contenido-textos p{
padding: 0px 0px 30px 15px;
font-weight: 300;
text-align: justify;
}
/* Galeria */
.portafolio{
background: #f2f2f2;
}
.galeria-port{
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
}
.imagen-port{
width: 24%;
margin-bottom: 10px;
overflow: hidden;
position: relative;
cursor: pointer;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, .5);
}
.hover-galeria{
position: absolute;
width: 100%;
height: 100%;
top: 0;
transform: scale(0);
background: hsla(273,91%,27%, 0.7);
transition: transform .5s;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.hover-galeria img{
width: 50px;
}
.hover-galeria p{
color: #fff;
}
.imagen-port:hover .hover-galeria{
transform: scale(1);
}
/* Clients */
.cards{
display: flex;
justify-content: space-evenly;
}
.cards .card{
background: #4d0686;
display: flex;
width: 46%;
height: 200px;
align-items: center;
justify-content: space-evenly;
border-radius: 5px;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.6);
}
/* Our team */
.about-services{
background: #f2f2f2;
padding-bottom: 30px;
}
.servicio-cont{
display:flex;
justify-content: space-between;
align-items: center;
}
.servicio-ind{
width: 28%;
text-align: center;
}
.servicio-ind img{
width: 90%;
}
.servicio-ind h3{
margin: 10px 0;
}
.servicio-ind p{
font-weight: 300;
text-align: justify;
}
/* footer */
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;
}
.content-foo{
text-align: center;
}
.content-foo h4{
color: #fff;
border-bottom: 3px solid #af20d3;
padding-bottom: 5px;
margin-bottom: 10px;
}
.content-foo p{
color: #ccc;
}
.titulo-final{
text-align: center;
font-size: 24px;
margin: 20px 0 0 0;
color: #9e9797;
}
.contenedor-sobre-nosotros{
flex-direction: column;
justify-content: center;
align-items: center;
}
.sobre-nosotros .contenido-textos{
width: 90%;
}