// RESPONSIVE CLASSES
 // ------------------
 
 // Hide from screenreaders and browsers
 // Credit: HTML5 Boilerplate
 .hidden {
   display: none;
   visibility: hidden;
 }
 
 // Visibility utilities
 
 // For desktops
 .visible-phone     { display: none !important; }
 .visible-tablet    { display: none !important; }
 .visible-desktop   { } // Don't set initially
 .hidden-phone      { }
 .hidden-tablet     { }
 .hidden-desktop    { display: none !important; }
 
 // Phones only
 @media (max-width: 767pt) {
   // Show
   .visible-phone     { display: inherit !important; } // Use inherit to restore previous behavior
   // Hide
   .hidden-phone      { display: none !important; }
   // Hide everything else
   .hidden-desktop    { display: inherit !important; }
   .visible-desktop   { display: none !important; }
 }
 
 // Tablets & small desktops only
 @media (min-width: 768pt) and (max-width: 979pt) {
   // Show
   .visible-tablet    { display: inherit !important; }
   // Hide
   .hidden-tablet     { display: none !important; }
   // Hide everything else
   .hidden-desktop    { display: inherit !important; }
   .visible-desktop   { display: none !important ; }
 }