/* =====================================
   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:#ED7E1C;
	margin: 0px;
	padding: 0px;
    font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	font-weight: 400;
	line-height:30px;
	color:#1A171B;
	height:100%;
	}
html { -webkit-text-size-adjust: 100%;	}
img { border: 0px; }
a {	text-decoration: none; color:#1A171B;}
strong { font-weight: 700; }
p { padding:0; margin: 0}

/* ====================================
   CONTENIDO
   ==================================== */
#content {
	width: 100%;
	height: 100%;
	}
#content .main {
	width:1000px;
	padding:0;
	margin:0 auto;
	display:table;
	height:100%;
	}
#content .main .frase {
	display:table-cell;
	vertical-align:middle;
	margin:0 auto;
	text-align:center;
	}
#content .main .frase .logo {}
#content .main .redes {
	width:90%;
	margin:0 auto;
	padding-top:130px;
	}
.ig,
.fb,
.mail,
.whats {
	width:50%;
	display:block;
	padding:10px 0px 10px 60px;
	background-repeat: no-repeat;
	background-position: left center;
	text-align:left;
	margin-bottom:10px;
	}
.ig { background-image: url(icon_ig.svg); }
.fb { background-image: url(icon_fb.svg); }
.mail { background-image: url(icon_mail.svg); }
.whats { background-image: url(icon_wapp.svg); }

.wapp {
	display:block;
	padding:15px 0px 15px 65px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(icon_wapp.svg);
	text-align:right;
	margin-bottom:10px;
	float:right;
	font-size:34px;
	}
#wts1 { display:block; }
#wts2 { display:none; }

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

body, html {
	font-size: 16px;
	line-height:normal;
	}
#content .main {
	width:80%;
	}
#content .main .frase .logo img {
	width:100%;
	height:auto;
	}
#content .main .frase {
	display:table-cell;
	vertical-align:top;
	margin:0 auto;
	padding:50px 0px;
	}
#content .main .redes {
	padding-top:70px;
	}
.ig,
.fb,
.mail,
.whats {
	width:50%;
	display:block;
	padding:10px 0px 10px 45px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size:35px 35px;
	text-align:left;
	margin-bottom:10px;
	}
#wts1 { display:none; }	
#wts2 { display:block; }