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

// the default font-size used on the page
.font-regular {
    font-family: "Montserrat600"
    font-size:1rem; // 16px
    line-height:1.5rem;
    @media screen and (max-width: 650px) {
        font-size:.875rem; // 14px
        line-height:1.3125rem
    }
}

.font-large {
    font-family: "Montserrat600"
    font-weight:500;
    font-size:1.25rem; // 20px;
    line-height:1.875rem;
    @media screen and (max-width: 650px) {
        font-size:1.125rem; // 18px;
        line-height:1.6875rem;
    }
   @media screen and (max-width: 450px) {
        font-size:1rem; // 16px
        line-height:1.5rem;     
    }
}

.font-largest {
    font-weight:500;
    font-size:1.75rem; // 28px;
    line-height:2.625rem;
    @media screen and (max-width: 650px) {
        font-size:1.375rem; // 22px;
        line-height:2.0625rem;
    }
    @media screen and (max-width: 450px) {
        font-size:1.125rem; // 18px;
        line-height:1.6875rem;
    }
}
.status-day:nth-child(1) { display:none; }
/* 2 Column Layout */
.components-container {
  display: flex;
  flex-wrap: wrap;
}

.component-container {
  flex-basis: 50%;
}

.component-container:nth-child(even) {
  border-left: 0 !important;
}

.component-container:nth-child(2) {
  border-top: 1px solid #E0E0E0 !important;
}

.history-footer-link { display:none; }

/*
Replace "x" with the number of days you want to show + 2.
For example, if you wanted to show the last 3 days of history, you would replace x with 5.
Do the replacements described above and then paste the following into your Custom CSS section.
*/
.status-day:nth-child(n+5) { display:none; }

/* Only show the last incident/maintenance update on the details page */
.row.update-row + .row.update-row { display: none;}
/* Only show the last incident/maintenance update on the main page */
.update + .update { display: none; }
/* Hide the subscribe button */	
.updates-dropdown-container { display:none; }

/* START Hide Uptime from main page */
.availability-time-line-graphic {display:none;}
.legend-item.light.legend-item-date-range {display: none;}
.legend-item.legend-item-uptime-value {display:none;}
.spacer {display: none;}
/* END Hide Uptime from main page */