html, body {
     padding: 0;
     margin: 0;
     width: 100%;
     height: 100%;
}
 * {
    box-sizing: border-box;
}
 body {
     text-align: center;
     padding: 0;
	 background: linear-gradient(135deg,#ffcbcb  10%,#ffffff 100%);
     color: #000;
     font-family: Open Sans;
}
 h1 {
     font-size: 50px;
     font-weight: 100;
     text-align: center;
}
 body {
     font-family: Open Sans;
     font-weight: 100;
     font-size: 20px;
     color: #000;
     text-align: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .overlay {
	 background-image: url(maintenance-bg.png);
     background-position: top -50% right -30%;
     background-repeat: no-repeat;
     background-size: 500px;
     position: absolute;
     display: block;
     width: 100vw;
     height: 100vh;
     opacity: 0.2;
	 z-index: -1;
}
 article {
	 display: block;
     width: 700px;
     padding: 50px;
     margin: 0 auto;
}
 a {
     color: #fff;
     font-weight: bold;
}
 a:hover {
     text-decoration: none;
}
 .companylogo {
     height: 100px;
     margin-top: 1em;
}
.warning-btn{
	padding: 15px 15px;
    border-radius: 5px;
    border: none;
    background: #ef4243;
    color: #fff;
    font-family: Open Sans;
    font-size: 1em;
    margin-top: 35px;
}

.warning-btn:hover{
	cursor: pointer;
}