html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
     margin: 0;
     padding: 0;
     border: 0;
     font-size: 100%;
     font: inherit;
     vertical-align: baseline;
}
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
     display: block;
}
 body {
     line-height: 1;
}
 ol, ul {
     list-style: none;
}
 blockquote, q {
     quotes: none;
}
 blockquote:before, blockquote:after, q:before, q:after {
     content: "";
     content: none;
}
 table {
     border-collapse: collapse;
     border-spacing: 0;
}
 html, body {
     font-family: montserrat, sans-serif;
     font-size: 16px;
     line-height: 1.4;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     text-rendering: optimizeLegibility;
}
 body {
     height: 100%;
     background: #fff;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 main {
     height: calc(100% - 50px);
     padding: 25px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     text-align: center;
}
 main .main_logo {
     display: block;
     margin: auto;
     margin-top: calc(50vh - 10em);
     text-align: center;
     overflow: hidden;
     max-width: 85vw;
     width: calc(18vw + 220px);
     height: auto;
}
 main .main_logo img {
     display: block;
     width: 100%;
     height: auto;
}
 main .main_subtitle {
     text-align: left;
     font-size: calc(0.2vw + 9px);
     margin-left: calc(4vw + 32px);
}
 main .main_link {
     margin-top: 40px;
}
 main .main_link a {
     display: inline-block;
     font-size: calc(0.8vw + 14px);
     font-weight: 300;
     text-decoration: none;
     color: #000;
     padding: 0 10px;
     border-radius: 5px;
     text-decoration: none;
}
 main .main_link a:hover {
     background: #ccc;
     color: #fff;
}
 main .social-icons {
     width: 100%;
     height: auto;
     position: fixed;
     bottom: 50px;
}
 main .social-icons li {
     display: inline-flex;
     padding: 2px 5px;
     font-size: calc(1vw + 12px);
}
 main .social-icons li i {
     color: #cccccc;
}
 main .social-icons li i:hover {
     color: #a20000;
}
 main .social-icons:after {
     content: "LEALTAD · VERDAD · LIBERTAD";
     position: fixed;
     display: block;
     color: #ccc;
     bottom: 20px;
     font-weight: 400;
     left: 50%;
     width: 100%;
     transform: translate(-50%, 0);
     font-size: calc(0.04vw + 9px);
}