/****************** Typography *********************
 *
 *  1. General
 *  2. Headlines
 *  3. Content Elements
 *
****************************************************/
@import url("elements/typo.css");

/**************** General styles ********************
 *
 *  1. html, body
 *  2. Containers
 *  3. Global styles
 *
****************************************************/
@import url("elements/general.css");

/*********************** UI *************************
 *
 *  1. Buttons
 *  2. Forms
 *      2.1. Input
 *      2.2. Placeholder
 *      2.3. Misc Form Elements
 *
****************************************************/
@import url("elements/ui.css");

/**************** Header / Footer *******************
 *
 *  1. Header
 *      1.1. Navigation
 *      1.2. Offcanvas
 *  2. Footer
 *
*****************************************************/
@import url("elements/header-footer.css");

/********************* Pages ************************
 *
 *  1. Structural
 *      1.1. Sections
 *  2. Pages
 *      2.1. Homepage 
 *          2.1.1. Hero
 *
****************************************************/
@import url("elements/pages.css");

/****************** Media Queries ******************
 *
 *  1. min-width: 640px
 *  2. min-width: 768px
 *  3. min-width: 960px
 *  4. min-width: 1024px
 *  5. min-width: 1200px
 *
****************************************************/
@import url("elements/media-queries.css");