@charset "UTF-8";

$breakpoint-up: (
    'sm': 'screen and (min-width: 600px)',
    'md': 'screen and (min-width: 900px)',
) !default;

$breakpoint-down: (
    'sm': 'screen and (max-width: 599px)',
    'md': 'screen and (max-width: 899px)',
) !default;

@mixin mq_up($breakpoint: md) {
    @media #{map-get($breakpoint-up, $breakpoint)} {
        @content;
    }
}

@mixin mq_down($breakpoint: md) {
    @media #{map-get($breakpoint-down, $breakpoint)} {
        @content;
    }
}

/* Fonts */
@import url('https://fonts.googleapis.com/css?family=Nunito');

/* Variables */
@import 'variables';

// Bootstrap
// @import '~bootstrap/scss/bootstrap';


/* ---------------------------------------------------------------------------------
	color
--------------------------------------------------------------------------------- */
/* color */
$colorRed: #af0606;
$colorBlue: #004DC7;
$colorBlack: #000000;
$colorGray: #B2B2B2;
/* border color */
$borderColorGray: #eeeeee;
/* input color */
$inputBorderGray: #D8D8D8;


/* ---------------------------------------------------------------------------------
	foundation
--------------------------------------------------------------------------------- */
/* base */



/* ---------------------------------------------------------------------------------
	layout
    --------------------------------------------------------------------------------- */
@import "./variables";

@import "./layout/_footer";
@import "./layout/_header";
@import "./layout/_main";
@import "./layout/_section";
@import "./layout/_content";
@import "./layout/_side";