@font-face {
    font-family: JosefinSlab;
    src: url('../fonts/JosefinSlab/JosefinSlab-Regular.ttf');
}
@font-face {
    font-family: JosefinSlab-Light;
    src: url('../fonts/JosefinSlab/JosefinSlab-Light.ttf');
}

@font-face {
    font-family: JosefinSlab-Medium;
    src: url('../fonts/JosefinSlab/JosefinSlab-Medium.ttf');
}
@font-face {
    font-family: JosefinSlab-SemiBold;
    src: url('../fonts/JosefinSlab/JosefinSlab-SemiBold.ttf');
}
@font-face {
    font-family: JosefinSlab-Bold;
    src: url('../fonts/JosefinSlab/JosefinSlab-Bold.ttf');
}

@font-face {
    font-family: Raleway;
    src: url('../fonts/Raleway/Raleway-Regular.ttf');
}

@font-face {
    font-family: Raleway-Light;
    src: url('../fonts/Raleway/Raleway-Light.ttf');
}

@font-face {
    font-family: Raleway-Medium;
    src: url('../fonts/Raleway/Raleway-Medium.ttf');
}

@font-face {
    font-family: Raleway-Bold;
    src: url('../fonts/Raleway/Raleway-Bold.ttf');
}

:root {
    --mainColor: #C44910;
    --secondColor: #fff;
    --colorIframeHead: #fff;
    --backIframe: #FFFFFF;
    --backButton: #E6E7E8;
    --backMenu: #faf2e1;
    --backMegaMenu:#D17145;
    --buttonMain: var(--mainColor);
    --buttonSecondMain: #D06D40;
    --buttonSecondary: #808285;
    --buttonSecondarySecond: #B3B3B3;
    --fontFirst: "JosefinSlab", sans-serif;
    --fontSecond:  "Raleway", sans-serif;
}