@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
/* @-ms-viewport{width:device-width} */
@-o-viewport{width:device-width}
@viewport{width:device-width}

[class^="icon-"]::before, [class*=" icon-"]::before { display: block;}
:root {
    --main-grey: rgb(112, 112, 112);
    --secondary-grey: rgba(175, 175, 175, 1);
    --light-grey: rgba(244, 244, 244, 1);
    --main-white: rgba(255, 255, 255, 1);
    /* fonts */
    --roboto-font: 'Roboto', sans-serif;
}

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, font, 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,
main, article, aside, figure, footer, header, nav, section, details, summary, figcaption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
sup { font-size: .6em; line-height: 1em; vertical-align: super; }
sub { font-size: .6em; line-height: 1em; vertical-align: sub; }

main, article, aside, figure, footer, header, nav, section, details, summary, figcaption {
    display: block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

textarea,
select,
input,
option,
button {
    background: none;
    font-family:"brandon-grotesque";
    font-weight: 400;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    padding: 0;
}
select::-ms-expand,
::-ms-clear { display: none; } /* X en campos */

html { /* Se resetea el texto para que este en 10px */
    color: var(--main-grey);
    font: 62.5% 'Roboto', sans-serif;
    line-height: 1;
    margin: 0px;
    padding: 0px;
    -webkit-font-smoothing: antialiased;
    /*overflow-wrap: break-word;  Probar
    word-wrap: break-word;
    hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;*/
}
ol, ul { list-style: none; }
ol li { list-style: decimal inside none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
*::after, *::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* remember to define focus styles! */
:focus { outline: 0; border: 0px none; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; color: var(--main-blue); display: inline-block; }
* { -webkit-tap-highlight-color: transparent; }


/* MediasQueries Fonts */
@media only screen and (min-width : 1441px) {
	/* html {
		font-size: calc(10px + (16 - 10) * ((100vw - 1441px) / (4280 - 1441)));
	} */
}

@media only screen and (min-width : 961px) and (max-width : 1440px) {
	/* html {
		font-size: calc(6px + (10 - 6) * ((100vw - 961px) / (1440 - 961)));
	} */
}

/* @end */