/**
 * Variables
 */

$base-spacing-unit: 24px;

/**
 * Colours
 */

$black-color: #101010;
$white-color: #FFFFFF;
$grey-color:  #F8F5F5;
$brand-color: #9D5932;

/**
 * Breakpoints for responsive
 */

$breakpoint-medium: 640px;
$breakpoint-large: 1024px;
$breakpoint-xlarge: 1200px;

/**
 * Responsive
 */
 
@mixin resp-min($size) {
    @media screen and (min-width: $size) {
        @content;
    }
}

@mixin resp-max($size) {
    @media screen and (max-width: $size) {
        @content;
    }
}