@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

@font-face {
    font-family: 'BG_thin_italic';
    src: url('../fonts/brandon_thin_it-webfont.eot');
    src: url('../fonts/brandon_thin_it-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/brandon_thin_it-webfont.woff') format('woff'), url('../fonts/brandon_thin_it-webfont.ttf') format('truetype'), url('../fonts/brandon_thin_it-webfont.svg#brandon_grotesquethin_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BG_regular';
    src: url('../fonts/brandon_reg-webfont.eot');
    src: url('../fonts/brandon_reg-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/brandon_reg-webfont.woff') format('woff'), url('../fonts/brandon_reg-webfont.ttf') format('truetype'), url('../fonts/brandon_reg-webfont.svg#brandon_grotesque_regularRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BG_medium_it';
    src: url('../fonts/brandon_med_it-webfont.eot');
    src: url('../fonts/brandon_med_it-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/brandon_med_it-webfont.woff') format('woff'), url('../fonts/brandon_med_it-webfont.ttf') format('truetype'), url('../fonts/brandon_med_it-webfont.svg#brandon_grotesqueMdIt') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BG_medium';
    src: url('../fonts/brandon_med-webfont.eot');
    src: url('../fonts/brandon_med-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/brandon_med-webfont.woff') format('woff'), url('../fonts/brandon_med-webfont.ttf') format('truetype'), url('../fonts/brandon_med-webfont.svg#brandon_grotesquemedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BG_regular_it';
    src: url('../fonts/brandon_reg_it-webfont.eot');
    src: url('../fonts/brandon_reg_it-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/brandon_reg_it-webfont.woff') format('woff'), url('../fonts/brandon_reg_it-webfont.ttf') format('truetype'), url('../fonts/brandon_reg_it-webfont.svg#brandon_grotesqueRgIt') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BG_light_it';
    src: url('../fonts/brandon_light_it-webfont.eot');
    src: url('../fonts/brandon_light_it-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/brandon_light_it-webfont.woff') format('woff'), url('../fonts/brandon_light_it-webfont.ttf') format('truetype'), url('../fonts/brandon_light_it-webfont.svg#brandon_grotesquelight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'brandon_grotesquelight';
    src: url('../fonts/brandon_light-webfont.eot');
    src: url('../fonts/brandon_light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/brandon_light-webfont.woff') format('woff'), url('../fonts/brandon_light-webfont.ttf') format('truetype'), url('../fonts/brandon_light-webfont.svg#brandon_grotesquelight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'geometria';
    src: url('../fonts/geometria.eot');
    src: url('../fonts/geometria.eot?#iefix') format('embedded-opentype'), url('../fonts/geometria.woff') format('woff'), url('../fonts/geometria.ttf') format('truetype'), url('../fonts/geometria.svg#geometriaregular') format('svg');
    font-weight: normal;
    font-style: normal;
  }

:root{
    --cubic-bezier-1: cubic-bezier(.5,0,.5,1);
    --main-color: #000000;
    --second-color: #ffffff;
    --third-color: #f0c68e;
    --fourth-color: #0f3e3b;
    --fourth-color-rgb: 15, 62, 59;
    --fifth-color: #c8c8c8;
}