///////////////////////
// MEDIA
////
// Collection of media call. Create mixins in other files and include them here
// 

/**************/
/** SPECIFIC **/
/**************/

/** MOBILE **/
@media (min-width: $screen-mobile-min) and (max-width: $screen-mobile-max)

/** TABLET **/
@media (min-width: $screen-tablet-min) and (max-width: $screen-tablet-max)

/** LAPTOP **/
@media (min-width: $screen-laptop-min) and (max-width: $screen-laptop-max)

/** DESKTOP **/
@media (min-width: $screen-desktop-min) and (max-width: $screen-desktop-max)

/** LARGE DESKTOP **/
@media (min-width: $screen-desktop-large-min) and (max-width: $screen-desktop-large-max)

/******************/
/** SMALLER THAN **/
/******************/

/** LARGE DESKTOP **/
@media (max-width: $screen-desktop-large-max)

/** DESKTOP **/
@media (max-width: $screen-desktop-max)
    @include base-text--desktop-and-smaller
    // @include layout-page--desktop-and-smaller
    // @include components-btn--desktop-and-smaller
    // @include header-footer--desktop-and-smaller
    // @include layout-content-grid--desktop-and-smaller

/** LAPTOP **/
@media (max-width: $screen-laptop-max)
    // @include header-footer--laptop-and-smaller
    // @include layout-content-grid--laptop-and-smaller
    // @include layout-page--laptop-and-smaller

/** TABLET **/
@media (max-width: $screen-tablet-max)
    @include base-text--tablet-and-smaller
    @include base-grid--tablet-and-smaller
    @include base--tablet-and-smaller
    @include header--tablet-and-smaller
    // @include components-modal--tablet-and-smaller
    // @include components-btn--tablet-and-smaller
    // @include layout-page--tablet-and-smaller
    // @include header-footer--tablet-and-smaller
    // @include layout-content-grid--tablet-and-smaller

/** MOBILE **/
@media (max-width: $screen-mobile-max)
    @include base--mobile-and-smaller
    // @include layout-page--mobile-and-smaller
    // @include header-footer--mobile-and-smaller
    // @include layout-content-grid--mobile-and-smaller
    // @include base-text--mobile-and-smaller

/*****************/
/** LARGER THAN **/
/*****************/

/** MOBILE **/
@media (min-width: $screen-mobile-min)

/** TABLET **/
@media (min-width: $screen-tablet-min)

/** LAPTOP **/
@media (min-width: $screen-laptop-min)
    @include base-grid--laptop-and-bigger
    @include header--laptop-and-bigger

/** DESKTOP **/
@media (min-width: $screen-desktop-min)

/** LARGE DESKTOP **/
@media (min-width: $screen-desktop-large-min)

/** VERY LARGE DESKTOP **/
@media (min-width: $screen-desktop-large-max)


/**************/
/** NO HOVER **/
/**************/
@media (hover: none)