.page-header {
  /* Mobile only header style rules */
  /* Tablet and fullscreen desktop/laptop header style rules */
  /* Device agnostic style rules */ }
  @media screen and (max-width: 768px) {
    .page-header .full-top-menu {
      display: none; }
    .page-header .mobile-top-menu {
      display: flex;
      background-color: rgba(255, 255, 255, 0.3); }
      .page-header .mobile-top-menu .rhombus-logo {
        width: 40px;
        height: 35px; }
      .page-header .mobile-top-menu .base-search {
        min-width: 200px; } }
  @media screen and (min-width: 768px) {
    .page-header .full-top-menu {
      display: flex;
      background-color: rgba(255, 255, 255, 0.3); }
      .page-header .full-top-menu .rhombus-logo {
        width: 40px;
        height: 35px; }
      .page-header .full-top-menu .base-search {
        min-width: 450px; }
    .page-header .tablet-top-menu {
      display: none; }
    .page-header .mobile-top-menu {
      display: none; } }
  .page-header .product-title {
    color: white; }

/* Full screen style rule for login form column */
@media screen and (min-width: 768px) {
  .form-container .column {
    margin-top: 120px;
    max-width: 400px; }
    .form-container .column .form-header {
      text-align: left; }
      .form-container .column .form-header img {
        padding: 3px;
        margin-right: 18px; } }
/* Mobile screen style rule for login form column */
@media screen and (max-width: 767px) {
  .form-container {
    margin-top: 150px;
    margin-bottom: 96px !important; }
    .form-container .column {
      max-width: 350px;
      margin-top: 100px; }
      .form-container .column .form-header {
        text-align: left; }
        .form-container .column .form-header img {
          padding: 3px;
          margin-right: 18px;
          background-color: #A333C8; } }
html, body {
  height: 100%;
  background-color: white;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.65)), url("/static/images/backgrounds/bg5.jpg") no-repeat center center fixed;
  background-size: cover; }
  html .page-footer, body .page-footer {
    width: 100%;
    position: absolute;
    bottom: 0px; }
    html .page-footer .copyright-detail, body .page-footer .copyright-detail {
      color: white;
      margin-bottom: 0;
      padding: 12px 0;
      background-color: rgba(0, 0, 0, 0.55); }

@media screen and (max-width: 767px) {
  body {
    overflow: hidden; } }

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