@font-face {
      font-family: 'fontello';
      src: url('../tipos/fontello.eot?97324230');
      src: url('../tipos/fontello.eot?97324230#iefix') format('embedded-opentype'),
           url('../tipos/fontello.woff?97324230') format('woff'),
           url('../tipos/fontello.ttf?97324230') format('truetype'),
           url('../tipos/fontello.svg?97324230#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
};
    
html { height: 100%;width: 100%; }
body { padding: 0px;margin: 0px;height: 100%;text-align: center;font-family: Montserrat;width: 100%; }
.container { width: 100%;max-width: 960px;height: 100%;  background-image: linear-gradient(rgba(143, 104, 34, 0.2), rgba(143, 104, 34, 0.2)),url('../img/fondo.png');background-repeat: no-repeat;background-size: cover;background-position: center;margin: 0 auto; }

.container .tipo { max-width: 685px;margin: 0 auto;padding-top: 30px; }
.container .tipo .linea { width: 90px;height:2px;background-color:#9c7433;float: left;margin-top: 13px;  }
.container .tipo .linea.izquierda {	background: linear-gradient(to right, #9c7433 0%, #FFFFFF 90%); }
.container .tipo .linea.derecha {	background: linear-gradient(to left, #9c7433 0%, #FFFFFF 90%); }
.container .tipo .texto { width: 500px;text-align: center;font-size: 20px;color:#9c7433;font-weight: 400;float: left;letter-spacing: 5px; }

.container .titulo { font-size: 70px;font-family: Cormorant Garamond;color:#0a3a5c;font-weight: 500;line-height: 78x;letter-spacing: 0px;text-align: center; }
.container .subtitulo { font-family: Cormorant Garamond;font-style: italic;font-weight: 500;font-size: 70px;line-height: 40px;color:#9c7433;letter-spacing: 1px;text-align: center;  }
.container .intro { font-size: 20px;max-width: 500px;margin: 0 auto;padding-top: 40px;color:#0a3a5c;text-align: center; }


.iconos { padding-top: 260px; }
.iconos .contenido { width: 100%;max-width: 710px;margin: 0 auto; }
.iconos .columnas { float: left;width: calc((100% - 9em)/3);margin-right: 40px;text-align: center; }
.iconos .columnas.calendario { width: 175px; }
.iconos .columnas.personas { width: 250px; }
.iconos .columnas.dinero { margin-right: 0px;width: 200px; }
.iconos .columnas .imagen { width: 100%;max-width: 70px;margin: 0 auto; }
.iconos .columnas.personas .imagen { max-width: 130px;padding-bottom: 18px; }
.iconos .columnas .titulo { font-size: 18px;font-weight: 600;font-family: Montserrat;padding-top: 10px;text-align: center;line-height: 18px;color:#3a8ada; }
.iconos .columnas .subtitulo { font-size: 15px;font-family: Montserrat;letter-spacing: 0px;text-align: center;color:#3a8ada;font-style: normal;line-height: 15px;padding-top: 10px; }

.icono { font-family: fontello;font-size: 20px; }

.footer { position: fixed;bottom: 0px;text-align: center;max-width: 960px;width: 100%;height: 40px;font-family: Cormorant Garamond;font-size: 21px;color:#0a3a5c;font-weight: 500; }
.footer .icono { color:#0a3a5c; }
.footer .telefono { font-family: Montserrat;font-size: 15px; }
.footer .telefono a { text-decoration: none;color:#0a3a5c;letter-spacing: 1px; }

@media screen and (min-width: 300px) and (max-width: 720px){
	.container { height: auto; }
	
	.container .tipo { max-width: 305px; }
	.container .tipo .linea { width: 25px;margin-top: 9px;height:1px; }
	.container .tipo .texto { width: 250px;font-size: 15px;letter-spacing: 1px;margin: 0 auto; }
	
	.container .titulo { font-size: 50px; }
	.container .subtitulo { font-size: 50px; }
	.container .intro { max-width: 320px;font-size: 16px;padding-top: 20px; }
	
	.iconos { padding-top: 20px; }
	.iconos .contenido { max-width: 300px; }
	.iconos .columnas { float: none;margin: 0 auto;margin-right: 0px;margin-bottom: 15px;width: 300px; }
	.iconos .columnas .imagen { max-width: 50px; }
	.iconos .columnas.calendario { width: 300px; }
	.iconos .columnas.personas { width: 300px; }
	.iconos .columnas.dinero { margin-right: 0px;width: 300px; }
	
	.footer { font-size: 18px;position: relative;padding-top: 20px; }
	.footer .telefono { font-family: Montserrat;font-size: 13px; }
	
}