@font-face {
    font-family: 'gt-light';
    src: url('GTWalsheimProLight.woff2') format('woff2'),
        url('GTWalsheimProLight.woff') format('woff');
    font-style: normal;
    font-display: swap;
}

.gt-300,
.gt-light{
    font-family: 'gt-light';
}

@font-face {
    font-family: 'gt-bold';
    src: url('GTWalsheimProBold.woff2') format('woff2'),
        url('GTWalsheimProBold.woff') format('woff');
    font-style: normal;
    font-display: swap;
}

.gt-700,
.gt-bold{
    font-family: 'gt-bold';
}

@font-face {
    font-family: 'gt-medium';
    src: url('GTWalsheimProMedium.woff2') format('woff2'),
        url('GTWalsheimProMedium.woff') format('woff');
    font-style: normal;
    font-display: swap;
}

.gt-500,
.gt-medium{
    font-family: 'gt-medium';
}

@font-face {
    font-family: 'gt-regular';
    src: url('GTWalsheimProRegular.woff2') format('woff2'),
        url('GTWalsheimProRegular.woff') format('woff');
    font-style: normal;
    font-display: swap;
}

.gt-400,
.gt-regular{
    font-family: 'gt-regular';
}


/* FONT-SIZES */

.f-10{font-size:10px;}
.f-11{font-size:11px;}
.f-12{font-size:12px;}
.f-13{font-size:13px;}
.f-14{font-size:14px;}
.f-15{font-size:15px;}
.f-16{font-size:16px;}
.f-17{font-size:17px;}
.f-18{font-size:18px;}
.f-20{font-size:20px;}
.f-21{font-size:21px;}
.f-22{font-size:22px;}
.f-23{font-size:23px;}
.f-24{font-size:24px;}
.f-25{font-size:25px;}
.f-30{font-size:30px;}
.f-33{font-size:33px;}
.f-34{font-size:34px;}
.f-35{font-size:35px;}
.f-36{font-size:36px;}
.f-40{font-size:40px;}