@font-face {
    font-family: 'Archivo Black', sans-serif;
    font-family: 'Lato', sans-serif;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Lato', sans-serif;
}

body {
    width: 100%;
    height: 100%;
}

.En_construccion {
	width: 40%;
	max-width: 500px;
	height: 250px;
	margin: 10% auto 8%;
	border: 3px dashed rgba(0,51,131,0.5);
	text-align: center;
	background: #fff;
}

.cartel {
	width: 100%;
	height: 100px;
	padding: 20px 0;
	margin: 5% 0 0;
	text-align: center;
}

.cartel h1 {
	width: 100%;
	font-size: 2.6em;
	font-family: 'Merriweather', serif;
	color: rgba(0,51,131,0.5);
}

.cartel h3 {
	width: 100%;
	display: block;
	font-size: 1.4em;
}

@media (max-width:1024px) {
	
	.En_construccion {
		width: 45%;
		height: 250px;
		margin-top: 15%;
	}
	
	.cartel h1 {
		font-size: 2.4em;
	}
	
	.cartel h3 {
		font-size: 1.3em;
	}
}

@media (max-width:768px) {
	
	.En_construccion {
		width: 60%;
		height: 200px;
		margin-top: 15%;
	}
	
	.cartel h1 {
		font-size: 2.2em;
	}
	
	.cartel h3 {
		font-size: 1.2em;
	}
}

@media (max-width:450px) {
	
	.En_construccion {
		width: 80%;
		height: 160px;
		margin-top: 25%;
	}
	
	.cartel h1 {
		font-size: 1.8em;
	}
	
	.cartel h3 {
		font-size: 1.1em;
	}
}