@media (min-width: 640px) {
  .quarter {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .quarter {
    width: 50%;
    float: left;
  }
}

@media (min-width: 1024px) {
  .quarter {
    width: 25%;
  }
}

@media (min-width: 640px) {
  .half {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .half {
    width: 50%;
    float: left;
  }
}

@media (min-width: 640px) {
  .one-third {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .one-third {
    width: 33.333333%;
    float: left;
  }
}

@media (min-width: 640px) {
  .two-thirds {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .two-thirds {
    width: 66.666667%;
    float: left;
  }
}

@media (min-width: 640px) {
  .two-fifths {
    width: 100%;
  }
}

@media (min-width: 640px) {
  .two-fifths {
    width: 40%;
    float: left;
  }
}

@media (min-width: 640px) {
  .three-fifths {
    width: 100%;
  }
}

@media (min-width: 640px) {
  .three-fifths {
    width: 60%;
    float: left;
  }
}

.sidebar-is-not-active .page-content .region-content {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-left: 0;
}

@media (min-width: 768px) {
  .sidebar-is-active .page-content {
    margin-left: 25%;
  }

  .sidebar-is-active .page-sidebar--left {
    margin-left: -100%;
  }
}

.sidebar-second-is-active .page-content .region-content {
  padding-left: 1rem;
  margin-left: 0;
}

@media (min-width: 768px) {
  .sidebar-is-active--both .page-content {
    margin-left: 25%;
  }

  .sidebar-is-active--both .page-sidebar--left {
    margin-left: -75%;
  }
}

/*# sourceMappingURL=page.css.map */