.maintenance-note {
    display: none;
    width: 100%;
    margin: 0;
    padding: 5px 2%;
    height: auto;
    background: rgba(245, 152, 0, 1);
    color: #FFF;
    text-align: center;
    box-shadow: 0px 1px 1px 0px rgba(34,34,34,0.37);
}

.maintenance-note.show {
    display: block;
}

.maintenance-note h2 {
    font-size: 2rem;
    margin: 0;
    padding: 0;
}
.maintenance-note p {
    font-size: 1.6rem;
    line-height: 1.8rem;
    margin: 5px 0 0 0;
    padding: 0;
}

/* Tablet ============== */
@media screen and (min-width: 600px) {
    .maintenance-note {
        padding: 10px 10%;
    }

    .maintenance-note h2 {
        font-size: 2rem;
    }
    .maintenance-note p {
        font-size: 1.6rem;
        line-height: 2rem;
        margin: 10px 0 0 0;
    }
}

 /* Desktop ============== */
 @media screen and (min-width: 992px) {
     .maintenance-note {
         padding: 20px 15%;
     }

     .maintenance-note h2 {
         font-size: 2.2rem;
     }
     .maintenance-note p {
         font-size: 1.8rem;
     }
 }