/* Vice City Sans */
/* solo para titulos y copies cortos */
@font-face {
    font-family: "ViceCitySans";
    src: url("../fonts/Fonts-System-Design/ViceCitySans/ViceCitySans.eot");
    src: url("../fonts/Fonts-System-Design/ViceCitySans/ViceCitySans.eot?#iefix")format("embedded-opentype"),
    url("../fonts/Fonts-System-Design/ViceCitySans/ViceCitySans.woff2")format("woff2"),
    url("../fonts/Fonts-System-Design/ViceCitySans/ViceCitySans.woff")format("woff"),
    url("../fonts/Fonts-System-Design/ViceCitySans/ViceCitySans.ttf")format("truetype"),
    url("../fonts/Fonts-System-Design/ViceCitySans/ViceCitySans.otf")format("opentype"),
    url("../fonts/Fonts-System-Design/ViceCitySans/ViceCitySans.svg")format("svg");
}

/* Avenir Medium */
/* Para uso en parrafos */
@font-face {
    font-family: "Avenir-Medium";
    src: url("../fonts/Fonts-System-Design/Avenir/Avenir-Medium/Avenir-Medium.eot");
    src: url("../fonts/Fonts-System-Design/Avenir/Avenir-Medium/Avenir-Medium.eot?#iefix")format("embedded-opentype"),
    url("../fonts/Fonts-System-Design/Avenir/Avenir-Medium/Avenir-Medium.woff2")format("woff2"),
    url("../fonts/Fonts-System-Design/Avenir/Avenir-Medium/Avenir-Medium.woff")format("woff"),
    url("../fonts/Fonts-System-Design/Avenir/Avenir-Medium/Avenir-Medium.ttf")format("truetype"),
    url("../fonts/Fonts-System-Design/Avenir/Avenir-Medium/Avenir-Medium.otf")format("opentype"),
    url("../fonts/Fonts-System-Design/Avenir/Avenir-Medium/Avenir-Medium.svg")format("svg");
}

@font-face {
    font-family: "Avenir-Light";
    src: url("../fonts/Fonts-System-Design/Avenir/Avenir-Light/Avenir-Light.eot");
    src: url("../fonts/Fonts-System-Design/Avenir/Avenir-Light/Avenir-Light.eot?#iefix")format("embedded-opentype"),
    url("../fonts/Fonts-System-Design/Avenir/Avenir-Light/Avenir-Light.woff2")format("woff2"),
    url("../fonts/Fonts-System-Design/Avenir/Avenir-Light/Avenir-Light.woff")format("woff"),
    url("../fonts/Fonts-System-Design/Avenir/Avenir-Light/Avenir-Light.ttf")format("truetype"),
    url("../fonts/Fonts-System-Design/Avenir/Avenir-Light/Avenir-Light.otf")format("opentype"),
    url("../fonts/Fonts-System-Design/Avenir/Avenir-Light/Avenir-Light.svg")format("svg");
}

@font-face {
    font-family: "Avenir-Heavy";
    src: url("../fonts/Fonts-System-Design/Avenir/Avenir-Heavy/Avenir-Heavy.eot");
    src: url("../fonts/Fonts-System-Design/Avenir/Avenir-Heavy/Avenir-Heavy.eot?#iefix")format("embedded-opentype"),
    url("../fonts/Fonts-System-Design/Avenir/Avenir-Heavy/Avenir-Heavy.woff2")format("woff2"),
    url("../fonts/Fonts-System-Design/Avenir/Avenir-Heavy/Avenir-Heavy.woff")format("woff"),
    url("../fonts/Fonts-System-Design/Avenir/Avenir-Heavy/Avenir-Heavy.ttf")format("truetype"),
    url("../fonts/Fonts-System-Design/Avenir/Avenir-Heavy/Avenir-Heavy.otf")format("opentype"),
    url("../fonts/Fonts-System-Design/Avenir/Avenir-Heavy/Avenir-Heavy.svg")format("svg");
}

body{
    font-family: "Avenir-Medium";
    font-size: 16px;
    line-height: 1.5;
    color: var(--gray-base-70);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    font-family: "ViceCitySans";
    margin-top: 0;
    margin-bottom: 0.5rem;
    line-height: 1.5;
}

.h1, h1{font-size: 2.25rem;}/*44px*/
.h2, h2{font-size: 2rem;}/*40px*/
.h3, h3{font-size: 1.75rem;}/*36px*/
.h4, h4{font-size: 1.5rem;}/*32px*/
.h5, h5{font-size: 1.25rem;}/*28px*/
.h6, h6{font-size: 1rem;}/*24px*/

p{
    font-family: "Avenir-Medium";
    font-size: 1rem;
    margin-top: 0;
}

small{
    font-size: 0.75rem;
}

.fw-light{
    font-family: "Avenir-Light";
}

.fw-bold{
    font-family: "Avenir-Heavy";
}