@import url("./grid-normal.css");
@import url("./grid-mobile.css") screen and (max-width: 480px);
@import url("./grid-tablet.css") screen and (min-width: 480px) and (max-width: 980px);
@import url("./grid-wide.css") screen and (min-width: 1200px);

.visible-phone {
  display: none;
}
.visible-tablet {
  display: none;
}
.visible-desktop {
  display: block;
}
.hidden-phone {
  display: block;
}
.hidden-tablet {
  display: block;
}
.hidden-desktop {
  display: none;
}
@media (max-width: 480px) {
  .visible-phone {
	display: block;
  }
  .hidden-phone {
	display: none;
  }
  .hidden-desktop {
	display: block;
  }
  .visible-desktop {
	display: none;
  }
}
@media (min-width: 480px) and (max-width: 979px) {
  .visible-tablet {
	display: block;
  }
  .hidden-tablet {
	display: none;
  }
  .hidden-desktop {
	display: block;
  }
  .visible-desktop {
	display: none;
  }
}