@media screen and (max-width: $screen-sm-min) {
  .modal-dialog {
    top: 0;
  }

  .modal-header {
    .modal-logo {
      display: none;
    }
  }

  .about-fablab {
    .about-title,
    .about-title p {
      font-size: rem-calc(30);
      line-height: rem-calc(28);
      text-align: center;
    }

    .about-picture {
      padding: 70px 0;
      height: 226px;
    }
  }

  // fix for full-calendar display on small devices
  .fc-toolbar {
    margin-bottom: 2.5em !important;
  }
}

@media screen and (max-width: $screen-md-min) {
  .heading {
    .heading-title {
      h1 {
        font-size: rem-calc(16);
        padding: 26px 15px;
      }
    }
  }

  .m-t-xxl-on-md {
    margin-top: 60px;
  }

  .m-t-3xl-on-md {
    margin-top: 80px;
  }

  .m-t-4xl-on-md {
    margin-top: 100px;
  }
}