body {
 font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif
}

.custom-header-container {
  #header-proper {
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    background-color:white;
    z-index:99;
    #logos-container {
      text-align:center;
      padding:23px 0;
      border-bottom:1px solid #e0e0e0;
      & > div {
        display:inline-block;
      }
      #mark-container {
        width:36px;
        z-index:2;
        position:relative;
      }
      #wordmark-container {
        width:250px;
        margin-left: 7px;
        z-index:1;
        position:relative;
        opacity:1;
      }
      #mark-container, #wordmark-container {
        transition: all .2s ease-in; 
      }
    }
    #nav-container {
      & > a, #show-updates-dropdown {
        display:inline-block;
        padding:30px 0;
        font-size:16px;
        color:#000000;
        &:last-of-type {
          margin-right:0px;
        }
        &.active {
          text-decoration: underline;
        }
      }
      & > a { 
        margin-right:50px;
        float:left;
      }
      .updates-dropdown-container {
        float:right;
        .updates-dropdown {
          right:0px;
          top:60px;
        }
      }
      .hidden-separator {
        display:none;
      }
      @media screen and (max-width: 675px) {
        text-align:center;
        .hidden-separator {
          display:block;
        }
        & > a {
          padding-top:20px;
          padding-bottom:3px;
          float:none;
          margin: 0 5px;
          font-size:16px;
        }
        #show-updates-dropdown {
          padding:15px 0 20px;
          font-size:16px;
        }
        .updates-dropdown-container {
          float:none;
          .updates-dropdown {
            top:40px;
          }
        }
      }
    }
  }
  
  #hero-section {
  }
  
  @media (min-width: 775px) {
  .wide-header {
        position: relative;
        z-index: -1;
        display: none;
        margin: 100px 0 0 0;
    }
  }

  @media (min-width: 775px) {
    .slim-header {
        display: none;
    }
}
  
   div#low-hero-section a {
    color: #000;
    margin-right: 30px;
    padding: 20px 0;
    float: left;
  } 
  
}


/*Border Radius fix*/
.layout-content.status.status-index .page-status,
.layout-content.status.status-index .components-section .components-container.one-column .component-container:first-child,
.layout-content.status.status-index .components-section .components-container.one-column .component-container:last-child {
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
  }



.custom-footer-container {
  background-color:#000000;
  padding:60px 0;
  ul {
    color:#ffffff;
    width:16%;
    float:left;
    margin-left:5%;
    &:first-child {
      margin-left:0px;
    }
    a { 
      color:#ffffff;
      font-size: 14px;
      font-weight: 100;
    }
    li {
      margin-top:12px;
     &.header {
        margin-bottom:20px;
        font-weight: 400;
        font-size:16px;
      }
    }
  }
  @media screen and (max-width: 775px) {
    ul {
      width:50%;
      float:left;
      display:inline-block;
      margin-left:0px; 
    }
  }
}

   .layout-content.status.status-index .page-status .status {
    color: #fff;
    position: relative;
    top: 2px;
    text-align: end;
}

    .layout-content.status.status-incident .page-title .incident-name {
      width:100%
    }

@media screen and (max-width: 650px) {
    .layout-content.status .custom-header-container {
        margin-bottom: 60px;
    }
}