*{
	margin: 10px;
	padding: 10px;
	box-sizing: border-box;
}
@import url('https://fonts.googleapis.com/css?family=Lato:300i');

.container {
	background: #fff1ac;
	display: flex;
	flex-flow: column nowrap;
}

h2{
	font-size: 26px;
	color: white;
	padding-top: 20px;
	background: #50B6BB;
	text-align: center;
	}
h3{
		font-size: 26px;
		color: white;
		padding-top: 20px;
		background: #50B6BB;
		text-align: center;
		}
.header{
	background: black;
	display: flex;
	flex-flow: column nowrap;
	}
	.menu{
		background:#45969B;
		display: flex;
		flex-flow: row;
		height: 150px;
		align-items: center;
		}
		.logo__image {
			width: 100%;
			height: auto;
			object-fit: scale-down;
		}
		.titulo{
			background: #caa5f1;
			flex:5 1 auto;
			font-size: 30px;
			color: blue;
			text-align: center;
		}
	.parrafo{
		background: #BB1542;
	}

.section{
	background: rgb(15, 106, 243);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	}
.fotos img{
	width: 98%;
	height: auto;
	
}
.fotos1 img{
	width: 50%;
	height: auto;

}