/* ============================================== */
/* Sections */
/* ============================================== */







 


/*  
    Media Queries
    =============
    In media queries, rem and em do NOT depend on html font size in media queries
    Instead: 1rem = 1em = 16px
    To be safe: always use em when setting media queries - not rem
    You can then use rem within the style rule
*/

/* =========================================================================== */
/*  Below 1344 pixels  {smaller Desktops} =@media (max-width: 84em)  */
/* ========================================================================== */




/* ========================================================================= */
/*  Below 1200 pixels  {Landscape Tablets}*/
/*  standard 1200px break   1200/16*  = @media (max-width: 75em) */
/* ======================================================================== */


/* ========================================================================= */
/*  Below 944 pixels  {Tablets}   944/16  @media (max-width: 59em)*/
/* ======================================================================== */


/* ========================================================================= */
/*  Below 704 pixels  {Smaller Tablets}  704/16 @media (max-width: 44em) */
/* ======================================================================== */


/* ========================================================================= */
/*  Below 544 pixels  {Phones}  544/16 @media (max-width: 34em) */
/* ======================================================================== */