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

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

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

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

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

    /*---------------------------------------------------------------- 
    theme colors 
    ------------------------------------------------------------------*/
    
    --main-primary-color:                    #c28134;  /*brown*/
    --main-primary-color-shade1-light:       #cf913c; 
    --main-secondary-color:                  #2c2c37;  /*dark blue*/

	--white:                                 #ffffff;  
    --black:                                 #000000;

    --grey-shade-dark:                       #4a4a4a;
    --grey-shade-light:                      #959595;
    --grey-shade-light2:                     #b8b8b8; 
    --grey-shade-light3:                     #d9d9d9;
    --grey-shade-light4:                     #fbfbfb;

    --font-color:                            #2c2c37;
    --main-heading-color:                    #2c2c37;
    --button-color:                          #c28134;
    --button-hover:                          #805624;
    --button-hover-rgb:                      194,129,52;
    --caption-color:                         #c28134;   


    --error-msg:                             #D8000C;   

    --font:                                  "Brandon Text";
    --font-thin:                                100;
    --font-light:                               300;
    --font-regular:                             400;
    --font-semi-bold:                           500;
    --font-bold:                                600;
    --font-dark-bolder:                         700;
  }