html
body{
  background-image:url('https://i.ibb.co/1GctvVR/layout3-bg2.jpg');
  background-attachment: fixed;
  background-position: center;
}

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

/* Expand parent container box to be wider to support longer names of services */

.container {
    width: 90%;
    max-width: 900px;
}

{
    font-size: 12px;
}
.layout-content.status.status-index .components-section .components-container.one-column .component-container {
	width:48.5%;
    float:left;
    border:none;
    border: 1px solid #eff2f4;
    margin-right:10px;
    margin-bottom:10px;
    border-top-width: 1px !important;
}
.child-components-container {
	font-size:14px;
}
.component-status {
    font-size:12px;
}
.layout-content.status.status-index .components-section .components-container.one-column .component-container:nth-child(3n){
	margin-right:10px;
}
.layout-content.status.status-index .components-section .component-container .name {
    max-width:100%;
}
}
.layout-content.status.status-index .components-section .component-container .child-components-container .component-status {
	float:none;
    display:block !important;
    position:relative;
    top:-6px;
}
.layout-content.status.status-index .components-section .component-container .child-components-container .component-inner-container {
    margin-top:1rem;
}
.layout-content.status.status-index .page-status.status-none {
    border:none;
}
.page-status {
    margin-bottom:30px;
}
.layout-content.status .masthead-container.basic .masthead .logo-container {
    max-width:25%;
}
.layout-content.status .masthead-container.basic {
	padding-top:20px;
    padding-bottom:20px;
    margin-bottom:30px;
    max-width:none;
    width:100%;
}
.layout-content.status .masthead-container.basic .masthead {
    padding-top:0;
    margin-bottom:0;
    max-width:850px;
    margin: 0 auto;
}
.layout-content.status.status-index .page-status {
    margin-bottom:30px;
}
.flat-button, .layout-content.status .masthead-container .updates-dropdown-container .show-updates-dropdown {
	text-transform:none;
    letter-spacing:1px;
}
.flat-button, .masthead .updates-dropdown-container .show-updates-dropdown {
	background:#363f44;    
}
.layout-content.status.status-index .text-section {
	margin-bottom:45px;
}
.layout-content.status.status-index .components-section .components-container.one-column .component-container.open {
	-webkit-box-shadow: 0px 0px 59px -4px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 59px -4px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 59px -4px rgba(0,0,0,0.1);
}
.layout-content.status.status-index .components-section .components-container.one-column .component-container {
	transition:all 0.4s;
    border-radius:3px !important;
}
.layout-content.status.status-index .components-section .components-container.one-column .component-container:hover {
	background:#f7f9fa;
    border-color:#e3e9eb;
}
.layout-content.status.status-index .components-section .components-container.one-column .component-container:nth-last-child(3) {
	border-radius:3px !important; 
}
.layout-content.status.status-index .components-section .components-container.one-column .component-container:nth-last-child(2) {
	border-radius:3px !important; 
}
.layout-content.status.status-index .components-section .components-container.one-column .component-container:last-child {
	border-radius:3px !important; 
}
@media (max-width: 887px) {
	.layout-content.status.status-index .components-section .components-container.one-column .component-container { width: 48.6%; }
    .layout-content.status.status-index .components-section .components-container.one-column .component-container:nth-child(3n){ margin-right:10px; }
    .layout-content.status.status-index .components-section .components-container.one-column .component-container:nth-child(2n){ margin-right:0 !important; }
    .layout-content.status .masthead-container.basic .masthead { width:90%; }
}
@media (max-width: 581px) {
	.layout-content.status.status-index .components-section .components-container.one-column .component-container { width: 100%; }
}
@media (max-width: 450px) {
	.layout-content.status .masthead-container.basic .masthead .logo-container { max-width:45%; margin: 0 auto; margin-bottom:15px; }
}
.layout-content.status.status-index .components-section .components-container.one-column .component-container:nth-child(3n) {
    margin-right: 10px;
}
/* Change number of days of incidents to show */
.status-day:nth-child(n+5) { display:none; }

/* Hide all but the last 3 incident updates on the main page */
.update + .update + .update + .update { display: none; }

/* Change Incident Title font color START */
.layout-content.status.status-index .unresolved-incidents .unresolved-incident .incident-title a {
  color: #FFFFFF;
}
/* Change Incident Title font color END */

/* Change scheduled-maintenance hyperlink color to blue */

.layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .incident-title a { color: #3498DB;}