html, body {
  height:100%;
}

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

.uol--page-container {
  width: 980px;
  margin: auto;
}
#main-content-wrapper.uol--page-container {
  width: 100%;
  margin: auto;
}
.uos--standard-width {
  width: 980px;
  margin: auto;
}
/* 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;
}

@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) {
  .uol--page-container {
    width: 100%;
    padding: 0 10px;
  }
  #main-content-wrapper.uol--page-container {
    width: 100%;
    padding: 0 0px;
  }
  .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 {
  width: 100%;
}

#drupal-status {
  width: 100%;
}

.ninja {
  color: black;
  visibility: hidden;
}

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