/* =====================================
   FONT FACE
   ===================================== */

@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,300,300i,400,400i,500,500i,600,600i,700&display=swap');

/* ======================================
   GENERAL
   ====================================== */
body, html {
	background-color:#E4EBF3;
	margin: 0px;
	padding: 0px;
    font-family: 'Montserrat', sans-serif;
	font-size: 19px;
	font-weight: 400;
	line-height:30px;
	color:#6d6e70;
	height:100%;
	}
html { -webkit-text-size-adjust: 100%;	}
img { border: 0px; }
a {	text-decoration: none; color:#00adef;}
strong { font-weight: 700; }
p { padding:0; margin: 0}

/* ====================================
   CONTENIDO
   ==================================== */
#content {
	width: 100%;
	background-image:url(mas-gestion.jpg);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: right top;
	background-attachment: fixed;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
#content .main {
	width:80%;
	padding:0;
	margin:0 auto;
	display:table;
	height:100%;
	}
#content .main .frase {
	display:table-cell;
	vertical-align:middle;
	margin:0 auto;
	color:#00adef;
	}

.direccion {
	display:block;
	padding:0px 0px 0px 25px;
	background-image: url(icon_location.png);
	background-repeat: no-repeat;
	background-position: left 7px;
	background-size:14px 16px;
	color:#6d6e70;
	}
.tel {
	display:block;
	padding:0px 0px 0px 25px;
	background-image: url(icon_phone.png);
	background-repeat: no-repeat;
	background-position: left 7px;
	background-size:16px 16px;
	margin-top:10px;
	color:#6d6e70;
	}
.redes {
	display:block;
	padding:0px 0px 0px 25px;
	}
.redes img {
	margin:0px 20px 0px 0px;
	}


/*---------------------------------------------------------------------- */
/* Smartphones (portrait and landscape) -------------------------------- */
/*---------------------------------------------------------------------- */
@media only screen and (max-width : 480px) {

body, html {
	font-size: 16px;
	line-height:normal;
	}
#content {
	background-image:url(mas-gestion.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: right 320px;
	background-attachment: fixed;
	}
#content .main .logo img {
	width:90%;
	height:auto;
	}
#content .main .frase {
	display:table-cell;
	vertical-align:top;
	margin:0 auto;
	padding-top:30px;
	}