html, body {
  height: 100%;
}

html, body, div {
  margin: 0;
  padding: 0;
}

.uol--page-container {
  max-width: 1366px;
  width: 100%;
  margin: auto;
}

@media (min-width: 996px) and (max-width: 1349px) {
  .uol--page-container {
    width: 100%;
  }
}
#main-content-wrapper.uol--page-container {
  width: 100%;
  margin: auto;
  max-width: unset;
}
.uos--standard-width {
  width: 980px;
  margin: auto;
}
.uol--region {
  min-height: 1px;
}
/* Additional styling for handling full-width templates */
.uos--full-width .uos--standard-width {
  width: 100%;
  margin: 0;
}
.uos--full-width .uos--standard-width.uos--standard-width--always {
  max-width: 980px;
  margin: auto;
}
.uos--standard-width .uos--standard-width {
  width: auto;
}
.page-user #main-content-wrapper.uol--page-container {
  width: 980px;
}
.uottawa-div-only-mobile {
  display: none;
}

@media (min-width: 736px) and (max-width: 995px) {
  .uol--page-container {
    width: 720px;
  }
  .uos--standard-width {
    width: 720px;
  }
  #main-content-wrapper.uol--page-container {
    width: 100%;
  }
  .uos--standard-width {
    width: 720px;
    margin: auto;
  }
  .uos--full-width .uos--standard-width {
    width: 100%;
    margin: 0;
  }
  .uos--full-width .uos--standard-width.uos--standard-width--always {
    max-width: 720px;
    margin: auto;
  }
  .page-user #main-content-wrapper.uol--page-container {
    width: 720px;
  }
}

@media (min-width: 0px) and (max-width: 735px) {
  .uottawa-div-only-mobile {
    display: block;
  }
  .uottawa-div-only-desktop {
     display: none;
   }
  .uol--page-container {
    width: 100%;
  }
  #main-content-wrapper.uol--page-container {
    width: 100%;
    padding: 0 0;
  }
  .uos--standard-width {
    width: 100%;
    padding: 0 10px;
  }
  .uos--standard-width .uos--standard-width {
    padding: 0px;
  }
  .page-user #main-content-wrapper.uol--page-container {
    width: 100%;
    padding: 0 10px;
  }
}

#page-wrapper,
#global-header-wrapper,
#global-navigation-wrapper,
#header-wrapper,
#site-nav-wrapper,
#main-content,
#content-wrapper,
#contact-footer-wrapper,
#global-footer-wrapper,
#contact-footer {
  width: 100%;
}

#drupal-status {
  width: 100%;
}

.uol--layout-box {
  float: left;
}