/**
 
Table of Contents
===================================================================================
#VISIBILITY





/* ================================================================================ */
/* #VISIBILITY
/* ================================================================================ */
.is-hidden { display: none; }


/* Visible on smaller screens
----------------------------------------------------------------------------------- */
.is-visible--max989,
.is-visible--max768,
.is-visible--max700,
.is-visible--max600,
.is-visible--max500,
.is-visible--max400 { display: none; }

@media only screen and (max-width: 989px) {
  .is-visible--max989 { display: block; }
}

@media only screen and (max-width: 768px) {
  .is-visible--max768 { display: block; }
}

@media only screen and (max-width: 700px) {
  .is-visible--max700 { display: block; }
}

@media only screen and (max-width: 600px) {
  .is-visible--max600 { display: block; }
}

@media only screen and (max-width: 500px) {
  .is-visible--max500 { display: block; }
}

@media only screen and (max-width: 400px) {
  .is-visible--max400 { display: block; }
}


/* Hidden on smaller screens
----------------------------------------------------------------------------------- */
.is-hidden--max989,
.is-hidden--max768,
.is-hidden--max700,
.is-hidden--max600,
.is-hidden--max500,
.is-hidden--max400 { display: block; }

@media only screen and (max-width: 989px) {
  .is-hidden--max989 { display: block; }
}

@media only screen and (max-width: 768px) {
  .is-hidden--max768 { display: block; }
}

@media only screen and (max-width: 700px) {
  .is-hidden--max700 { display: none; }
}

@media only screen and (max-width: 600px) {
  .is-hidden--max600 { display: none; }
}

@media only screen and (max-width: 500px) {
  .is-hidden--max500 { display: none; }
}

@media only screen and (max-width: 400px) {
  .is-hidden--max400 { display: none; }
}