/*  
 *  DEVELOPER NOTES:
 *    
 *  I strongly recommend using a SASS compiler and editing the .scss files,
 *  but if you must code your styles in the traditional way, please...
 *  
 *  ### ONLY EDIT THIS STYLESHEET ###
 *  ### NEVER EDIT theme.css DIRECTLY ###
 *  
 *  shell.css is compiled from the .scss files, if you edit it directly,
 *  your changes will get overwritten the next time it is compiled.
 *  
 *  
 *  We are no longer using a separate stylesheet for media queries.
 *  Please use the following formatting:
 *  
 *  

/* Default Bootstrap Breakpoints

   @media (min-width: 480px) {}
   @media (min-width: 768px) {}
   @media (min-width: 992px) {}
   @media (min-width: 1200px) {}

   Design Mobile First, meaning your intial styles will be for phone viewports, 330px. 
   Followed by your media-queries for larger viewports. Example:

  .class {
    padding: .5em;
    font-size: 1em;
  }

  @media (min-width: 480px) { // Once the browser hits 480+:
    .class {
      font-size: 1.1em;
    }
  }

  @media (min-width: 768px) {  // Once the browser hits 768+:
    .class {
      font-size: 1.2em;
      padding: .65em .75em;
    }
  }

 */