html{
    scroll-behavior: smooth;
}

body{
    font-family: 'open sans';
    flex-wrap:wrap;
	justify-content:center;

}

nav {
	text-align: right;
	padding: 30px 50px 0 0;
}
nav > a {
	color:#fff;
	font-weight:300;
	text-decoration:none;
	font-size:16px;
	margin-right: 10px;
}
nav > a:hover {
	text-decoration: underline;
}
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}
.contenedor{
	padding:10px 0;
	width:90%;
	max-width:1000px;
	margin:auto;
	overflow:hidden;
}
.titulo{
	color:red;
	font-size: 50px;
	text-align:center;
}
.pru1{
	color:blue;
	font-size: 50px;
	text-align:center;	
	margin-bottom:60px;
}
.pru2{
	color:yellow;
	font-size: 40px;
	text-align:center;	
	margin-bottom:60px;
}
.pru2 > li{
	font-size: 50px;
}
.pru3{
	color:red;
	font-size: 50px;
	text-align:center;	
	margin-bottom:60px;
}
.pru4{
	color:purple;
	font-size: 50px;
	text-align:center;	
	margin-bottom:60px;
}
.pru5{
	color:green;
	font-size: 50px;
	text-align:center;	
	margin-bottom:60px;
}
.pru6{
	color:orange;
	font-size: 50px;
	text-align:center;	
	margin-bottom:60px;
}
.exi{
	color:green;
	font-size: 20px;
	text-align:center;	
}

.exito{
	color:Light blue;
	font-size: 20px;
	text-align:center;	
}
.exito1{
	color:blue;
	font-size: 20px;
	text-align:center;	
}
.exito2{
	color:yellow;
	font-size: 20px;
	text-align:center;	
}
.exito3{
	color:red;
	font-size: 20px;
	text-align:center;	
}
.exito4{
	color:purple;
	font-size: 20px;
	text-align:center;	
}
.exito5{
	color:green;
	font-size: 20px;
	text-align:center;	
}
.exito6{
	color:orange;
	font-size: 20px;
	text-align:center;	
}


/*header*/
header {
	width:100%;
	height:600px;
	background: #1a2a6c;  
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, hsla(41, 98%, 58%, 0.753), hsla(0, 70%, 41%, 0.678), hsla(228, 61%, 26%, 0.596)), url(../imag/2.webp);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, hsla(41, 98%, 58%, 0.753), hsla(0, 70%, 41%, 0.678), hsla(228, 61%, 26%, 0.596)), url(../imag/2.webp);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	background-size: cover;
	background-attachment:fixed;
	position:relative;

}
header .textos-header{
	display:flex;
	height:430px;
	width:100%;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	text-align:center;
	color:#fff;
	font-size:50px;
	
}

.wave{
	position:absolute;
	bottom:0;
	width:100%;
}
.galeria-port{
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.imagen-port{
    width: 24%;
    margin-bottom: 25px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .5);
}

.imagen-port > img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.hover-galeria{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    transform: scale(0);
    background: hsla(238, 12%, 48%, 0.541);
    transition: transform .5s;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.hover-galeria img{
    width: 100px;
}

.hover-galeria p{
    color: #fff;
}

.imagen-port:hover .hover-galeria{
    transform: scale(1);
}

.sobre-nosotros .contenido-textos{
	width: 48%;
}
.contenido-textos h2{
	margin-bottom:15px;
}
.contenido-textos h2 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;
}

/* footer */

.contenedor-footer{
	display:flex;
	width:90%;
	justify-content: space-evenly;
	margin: auto;
	padding-bottom: 50px;
}
.contenedor-footer{
    flex-direction: column;
    border: none;
    background-color:black;
}

.content-foo{
    margin-bottom: 20px;
    text-align: center;
    background-color: #9b5964;
}

.content-foo h4{
    border: none;
    color: #fff;
    background-color: #900C3F;
}

.content-foo p{
    color:#fff;
    border-bottom: .5px solid black;
    padding-bottom: 20px;
    background-color: black;
}