html, body {
	margin: 0 !important;
	padding: 0 !important;
}

#top {
	height: 612px;
	text-align: center;
}

#medio {
	width: 1080px;
	height: 1194px;
	background-color: #F1F1EF;
	margin: 0px auto;
	text-align: center;
}

#medio p {
	color: #b4b4b4;
	font-size: 48px;
	font-weight: bold;
	margin-top: 0;
	padding-top: 50px;
}

#medio input {
	cursor: pointer;
}

.boton {
	color: #fff;
	font-size: 96px;
	font-weight: bold;
	padding: 40px;
	width: 500px;
}

#btn-azul {
	background-color: #00629D;
	border: #00629D;
	margin-top: 100px;
}

#btn-naranja {
	background-color: #E9510C;
	border: #E9510C;
	margin-top: 90px;
}

.logo {
	display: flex;
	justify-content: center;
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	padding-bottom: 24px;
	background-color: #f2f2f2;
}

#pie {
	height: 57px;
	text-align: center;
}



@media (max-width: 1079px) {
   #top img, #pie img {
	   width: 100%;
		height: auto;
	}
	#top {
	   height: auto;
	}
	#medio {
      width: 100%;
		height: auto;
      margin-top: -5px;
	}
	.logo {
      max-width: 100%;
      padding-top: 60px;
	}
	#medio p {
      padding-top: 0;
   }
	#btn-azul {
      margin-top: 0;
   }
	.boton {
      padding: 20px;
      width: 400px;
		font-size: 60px;
   }
	#btn-naranja {
      margin-top: 45px;
   }
	
}