/* Start Custom CSS */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
body {
font-family: 'Open Sans', sans-serif;
}
/* End Custom CSS */


body {
background-color:#f4f6f9;
}

.container {
 background-color:#fff;
  padding:20px 20px 20px 20px;
  border: 2px #d3d3d3 solid;
}

#custom-header {
  background-image:url('https://dka575ofm4ao0.cloudfront.net/pages-hero_covers/retina/250787/Status_Page_Header-v2.png');
  padding:24px 40px 40px;
  position:relative;
  border-bottom:1px solid #e0e0e0;
  background-size:cover;
}

.layout-content.status .custom-header-container {
       margin-bottom: 0px;
}
h1{
  font-size:80px;
  text-align:center;
  color:#fff;
}
.column2 {
  float: left;
  width: 50%; 
  padding: 10px; 
  margin-left: 100px;
  
}
.column1 {
  float: left;
  width: 100%;
  padding: 10px; 
}

.updates-dropdown-container{
  background: #fff;	  
  padding: 10px 20px;
  border-radius: 10px;
  float:right;
  top:56px;
}

.updates-dropdown{
left:-100px;
}
.updates-dropdown-container a{
  color:#000;
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (max-width:768px){
  .container { width: 100%; padding:20px 30px; }
  .layout-content.status.status-index .page-status{
    margin-bottom: 20px
  }
  .layout-content.status.status-index .components-section{ margin-bottom: 20px }
  .layout-content.status.status-index .scheduled-maintenances-container{ margin: 20px 0 }
  .layout-content.status .incidents-list { margin-top: 20px }
}

@media only screen and (max-width:450px){
  h1 { font-size: 2.6rem; }
  #custom-header { padding: 24px 40px 40px;}
  .column2 { margin-left : 0 }
  .updates-dropdown-container { top: 13px;}
  .layout-content.status .incidents-list.format-expanded .status-day { margin-top : 15px}
  .layout-content.status.status-full-history .months-container .month+.month { margin-top: 1.5rem }
}