.hide-until-loaded {
  display: none; }

@media (min-width: 992px) {
  body.popin-opened {
    overflow: hidden; } }

.main {
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  flex-wrap: wrap; }

.content {
  position: relative;
  width: 100%;
  margin: 0 auto; }
  .content .overlay {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: none; }
    .content .overlay.active {
      display: block; }