* {
	padding: 0;
	margin : 0;
}

img {
	width: 100%;
}

h1,
h2,
h3 {
	font-family   : Verdana, sans-serif;
	text-transform: uppercase;
	font-weight   : bold;
}

.contenido {
	max-width: 1600px;
	margin   : auto;
	padding  : 15px;
}

.imagen-fondo {
	background-position: center;
	background-size    : cover;
	background-repeat  : no-repeat;
	height             : 300px;
}

.logo {
	width: 300px;
}

.w3-half {
	margin-top: 20px;
}

.mitadder {
	padding-left: 10px;
}

.mitadizq {
	padding-right: 10px;
}

.mitadcentro {
	padding: 0 5px;
}

@media only screen and (min-width:601px) {
	.imagen-fondo {
		height: clamp(300px, 50vw, 500px);
	}

	.w3-row {
		margin: 0 -10px;
	}

	.w3-half {
		padding: 0 10px;
	}
}

@media only screen and (max-width:600px) {
	.mitadder {
		margin-top  : 1.5em;
		padding-left: 0
	}

	header .contenido {
		font-size: 14px;
	}

	.mitadizq {
		padding-right: 0
	}

	.mitadcentro {
		margin-top   : 1.5em;
		padding-right: 0;
		padding-left : 0
	}
}