html,body{
      width:100%;
      height: 100%;
      margin: 0;
      padding: 0;
    }

		.lato-regular {
		  font-family: "Lato", sans-serif;
		  font-weight: 400;
		  font-style: normal;
		}

		.lato-bold {
		  font-family: "Lato", sans-serif;
		  font-weight: 700;
		  font-style: normal;
		}

	.base{
      width: 980px;
      height: 680px;
      margin-top: -340px;
      margin-left: -480px;
      left: 50%;
      top: 50%;
      position: absolute;
	  -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.40); 
	  box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.40);
	  -webkit-border-radius: 30px;
	  -moz-border-radius: 30px;
	  border-radius: 30px;
  	}
	.header{display: block; overflow: hidden; margin-bottom: 20px; padding: 20px 30px 0 30px;}
	.logo img{display: block; float:left; width: 237px; height: auto;}
	.contacto{display: block; float: right; text-align: right; padding-top: 50px; }
	.contacto span{ display: block;}
	.contacto .title{ color:#6e217d;}
	.construccion{ padding: 15px 0; text-align: center; font-size: 20px; border-top:1px solid #6e217d; border-bottom:1px solid #6e217d;}
	.doctoralia .texto{ text-align: center; margin: 30px 0; font-size: 18px;}
	
   /* Tablet / Laptop pequeño */
@media (max-width: 960.98px) {
  .base {
    width: 880px;
    margin-left: -440px;
    
  }
}

/* Móvil */
@media (max-width: 768.98px) {
  .base {
    width: 100%;
    height: auto; /* Permite que crezca con el contenido */
    min-height: 100%;
    position: static; /* Quitamos el absoluto para evitar problemas en móvil */
    margin: 0;
    left: 0;
    top: 0;
    border-radius: 0;
  }
    .header{display: block; overflow: hidden; margin-bottom: 20px; padding: 20px 30px 0 30px; text-align: center;}
    .logo { display: flex; justify-content: center; align-items: center;}
    .logo img { width: 200px; height: auto;}
    .contacto{position:absolute; font-size: 17px; block; float: none; text-align: center; padding-top: 10px; position: absolute; top:610px; left: 50%; transform: translate(-50%, -50%); }
	.contacto span{ display: block;}
	.contacto .title{ color:#6e217d;}
	.construccion{margin-bottom:25px; font-size: 18px;}
	.doctoralia { padding: 0 15px;}
    .doctoralia .texto{ display: none;}
}