.its-status-header {
  background-color: #d00d2c;
  height: 8rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-icon {
  position: relative;
  height: auto;
  flex: 0 0 6rem;
  text-align: center;
}
.header-icon img {
  width:200px;
}
.header-sides {
  flex: 1 1 20%!important;
  display: flex;
  justify-content: flex-end	;
  margin:5%;
}
.show-updates-dropdown { 
  border: solid 1px white!important;
  border-radius: 3px!important;
  color: white!important;
  padding: 1.069em 1.333em 1em!important;
  display: inline-block!important;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-family: 'Gotham SSm A','Gotham SSm B',Verdana,sans-serif;
  font-weight: 200;
  font-style: normal;
  line-height: 1;
  font-size: .75rem;
  font-feature-settings: 'kern' 1;
  transition: background-color .3s ease-out;
}
a:link.show-updates-dropdown {
  color:white;
}
.show-updates-dropdown {
    transition:all .3s ease-out;
  
}
a.show-updates-dropdown{
    border:1px solid rgba(0,0,0,.6);
    background-color:rgba(255,255,255,.1);
    width: 100%
}
.show-updates-dropdown:active, .show-updates-dropdown:hover{
    color:rgba(255,255,255,.4);background-color:rgba(0,0,0,.2)
}
.show-updates-dropdown:focus{
    outline:0;
    box-shadow:0 0 5px 0 #fff;
}
.layout-content {
  background-image: none!important;
  Background-color: #fefdfa!important;
}
.layout-content.status.status-index.starter {
  padding-bottom:0px!important;
}
h4.font-largest{
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
}
#footer span[role=heading] {
    font-family: "proxima-nova","Helvetica Neue",'Tungsten A','Tungsten B','Arial Narrow',Arial,sans-serif!important;
  text-transform: capitalize!important;
  font-feature-settings: 'kern' 0!important;
}


#welcome-banner {
  overflow: hidden;
  margin-top: 70px;
}
@media screen and (max-width: 650px) {
  #welcome-banner {
    margin-top: 60px;
  }
}
@media screen and (max-width: 550px) {
  #welcome-banner {
    margin-top: 50px;
  }
}
#welcome-banner .heading, #welcome-banner .body {
  display: table-cell;
  vertical-align: middle;
}
#welcome-banner .heading {
  border-right: 1px solid #e0e0e0;
  font-family: "proxima-nova","Helvetica Neue",'Tungsten A','Tungsten B','Arial Narrow',Arial,sans-serif!important;
  font-size: 4em;
  text-transform: uppercase;
  line-height: 0.5;
  font-weight: 600;
  padding: 20px 40px 20px 0;
}
#welcome-banner .body {
  padding-left: 40px;
  font-size: 20px;
  line-height: 33px;
  font-weight: 300;
  color: #555;
}
@media screen and (max-width: 1000px) {
  #welcome-banner .heading {
    font-size: 4em;
    padding-right: 30px;
  }
  #welcome-banner .body {
    font-size: 18px;
    line-height: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 850px) {
  #welcome-banner .heading {
    font-size: 4em;
    padding-right: 25px;
  }
  #welcome-banner .body {
    font-size: 16px;
    line-height: 27px;
    padding-left: 25px;
  }
}
@media screen and (max-width: 600px) {
  #welcome-banner .heading {
    display: block;
    border: none;
    text-align: center;
    padding-right: 0;
    margin-bottom: 20px;
  }
  #welcome-banner .body {
    display: block;
    padding: 0 5%;
    text-align: center;
  }
}

@media screen and (min-width: 700px) {
.layout-content.status.status-index .components-section .components-container.two-columns .component-container {
    width: 48%;
    margin: 1%!important;
  }
}
.layout-content.status.status-index .components-section .components-container.two-columns .component-container:nth-last-child(3) {
  border-radius:3px!important;
  border-top-left-radius:3px!important;
  border-top-right-radius:3px!important;
  border-bottom-left-radius:3px!important;
  border-bottom-right-radius:3px!important;
  -webkit-border-radius: 3px 3px 3px 3px!important;
  border-radius: 3px 3px 3px 3px!important;
  border-width: 2px!important;
  margin: 1% 0 1% 0;
}
.layout-content.status.status-index .components-section .components-container.two-columns .component-container:nth-last-child(2) {
  border-radius:3px!important;
  border-top-left-radius:3px!important;
  border-top-right-radius:3px!important;
  border-bottom-left-radius:3px!important;
  border-bottom-right-radius:3px!important;
  -webkit-border-radius: 3px 3px 3px 3px!important;
  border-radius: 3px 3px 3px 3px!important;
  border-width: 2px!important;
  margin: 1% 0 1% 0;
}
.layout-content.status.status-index .components-section .components-container.two-columns .component-container:last-child {
  border-radius:3px!important;
  border-top-left-radius:3px!important;
  border-top-right-radius:3px!important;
  border-bottom-left-radius:3px!important;
  border-bottom-right-radius:3px!important;
  -webkit-border-radius: 3px 3px 3px 3px!important;
  border-radius: 3px 3px 3px 3px!important;
  border-width: 2px!important;
  margin: 1% 0 1% 0;
}
.layout-content.status.status-index .components-section .components-container.two-columns .component-container {
  border-radius:3px!important;
  border-top-left-radius:3px!important;
  border-top-right-radius:3px!important;
  border-bottom-left-radius:3px!important;
  border-bottom-right-radius:3px!important;
  -webkit-border-radius: 3px 3px 3px 3px!important;
  border-radius: 3px 3px 3px 3px!important;
  border-width: 2px!important;
  margin: 1% 0 1% 0;
}
.layout-content.status.status-index .components-section .components-container.two-columns .component-container:first-child {
  border-radius:3px!important;
  border-top-left-radius:3px!important;
  border-top-right-radius:3px!important;
  border-bottom-left-radius:3px!important;
  border-bottom-right-radius:3px!important;
  -webkit-border-radius: 3px 3px 3px 3px!important;
  border-radius: 3px 3px 3px 3px!important;
  border-width: 2px!important;
  margin: 1% 0 1% 0;
}

.layout-content.status.status-index .unresolved-incident.impact-maintenance .updates, .layout-content.status.status-index .scheduled-incidents-container {
  border-radius: 0 0 3px 3px;
}
.layout-content.status.status-index .status-day .update-title.impact-maintenance a, .layout-content.status.status-index .status-day .update-title.impact-maintenance a:hover, .layout-content.status.status-index .page-status.status-maintenance, .layout-content.status.status-index .unresolved-incident.impact-maintenance .incident-title, .layout-content.status.status-index .scheduled-incidents-container .tab {
  border-radius: 3px 3px 0 0;
}