*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body{
	background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}
header{
	display: flex;
	flex-direction: center;
	justify-content: space-between;
	align-items: center;
	padding: 1rem;
	background-color: black;
	font-size: 1.5rem;
	font-family: 'Bebas Neue', sans-serif;
}
.logo{
	max-width: 10rem;
}
.list{
	list-style: none;
	display: flex;
	gap: 2rem;
}
.list li a{
	text-decoration: none;
	color: white;
}
footer{
	background-color: black;
	color: white;
	padding: 40px;
	font-family: 'Bebas Neue', sans-serif;
}
h1{
	padding: 50px;
	text-align: center;
}
.contenido1 img {
	width: 330px;
	height: 240px;
}
.contenido2 img {
	width: 330px;
	height: 240px;
}
.contenido3 img {
	width: 330px;
	height: 240px;
}
.contenido1{
	display: flex;
	text-align: center;
	
}
.contenido2{
	display: flex;
	
}
.contenido3{
	display: flex;
	
}*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
header{
	display: flex;
	flex-direction: center;
	justify-content: space-between;
	align-items: center;
	padding: 1rem;
	background-color: black;
	font-size: 1.5rem;
	font-family: 'Bebas Neue', sans-serif;
}
.logo{
	max-width: 10rem;
}
.list{
	list-style: none;
	display: flex;
	gap: 2rem;
}
.list li a{
	text-decoration: none;
	color: white;
}
footer{
	background-color: black;
	color: white;
	padding: 40px;
	font-family: 'Bebas Neue', sans-serif;
}
h1{
	padding: 50px;
	text-align: center;
	
}
.contenedor1 img {
	width: 350px;
	height: 250px;

}
.contenedor2 img {
	width: 350px;
	height: 250px;

}
.contenedor1 {
	display:flex;
	flex-direction:row;
	width:100%;
	padding:50px;
}
.contenedor2 {
	display:flex;
	flex-direction:row;
	width:100%;
	padding:50px;
}

.contenedor3 img {
	width: 350px;
	height: 250px;

}
.contenedor3 {
	display:flex;
	flex-direction:row;
	width:100%;
	padding:50px;
}
.contenedor4 img{
	width: 350px;
	height: 250px;
}
.contenedor4 {
	display:flex;
	flex-direction:row;
	width:100%;
	padding:50px;
}
.contenedor5 img{
	width: 350px;
	height: 250px;
}
.contenedor5 {
	display:flex;
	flex-direction:row;
	width:100%;
	padding:50px;
}
.caja{
	width:100%;
	height:100%;
	padding:10px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;

}
