// defines the width of the content
.container {
    width: 90%;
    max-width: 850px;
}

// the default font-size used on the page
.font-regular {
    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-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;
    }
}


.page-name {
    font-weight:500;
    font-size:1.0rem; // 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;
    }
}  


.layout-content.status .masthead-container.premium .masthead .text-container {
    background-color: transparent;
    position: absolute;
    top	: 0px;
    left: 0px;
    right: 0px;
    padding: 1rem;
}  
 

#show-updates-dropdown {
    color: #fff;
    border: 2px solid #fff; 
    /*border-radius: 32px;*/
}  




.flat-button, .masthead .updates-dropdown-container .show-updates-dropdown, .layout-content.status-full-history .show-filter.open {
    background-color: 0046E0;
}


.layout-content.status .masthead-container.premium .masthead .text-container {
    bottom: inherit;
    top: 0;
    background-color: transparent !important;
    border-bottom: 1px solid rgba(255,255,255, 0.3);
    max-width: 850px !important;
    margin: auto;
}



.layout-content.status .masthead-container.premium {
    background-color: #0046E0;
    position: relative;
    width: 100%;
    max-width: 100% !important;
    margin-bottom: 20px;
}



.layout-content.status .masthead-container.premium .masthead .images-container {
    max-height: 315px;
    min-height: 120px;
    max-width: 850px;
    background-size: 100%;
    margin: auto;
  
}