@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

html, 
body{
    height: 100%;
}

body {
  min-height: 100%; margin: 0; background: #efefef; overflow: hidden;
}
.maintenance-page{ text-align:center; font-family: 'Roboto', sans-serif; height: 100%;}
.maintenance-page .logo-container{ height: 30%; padding: 10px; background: #fff;}
.maintenance-page .logo{ position: relative; top: 50%; transform: translateY(-50%); }
.maintenance-page .info-container{ height: 70%; padding: 10px; padding-top: 35px;}
.maintenance-page .info-container .bigger{ font-size: 38px; line-height: 55px; margin-bottom: 55px;}
.maintenance-page .info-container .normal{ font-size: 28px; line-height: 40px }
.maintenance-page .info-container img{ width: 200px;}
.maintenance-page .info-container a{ text-decoration: none; color: #1372bc}

@media only screen and (max-width: 1000px) {	
body {overflow:auto; }
}
@media only screen and (max-width: 750px) {	

.maintenance-page .info-container .bigger{ font-size: 22px; line-height: 35px; margin-bottom: 25px;}
.maintenance-page .info-container .normal{ font-size: 16px; line-height: 25px; }
.maintenance-page .info-container img{ width: 45%;}
}

@media only screen and (max-width: 450px) {	
.maintenance-page .info-container .bigger{ font-size: 18px; line-height: 25px; margin-bottom: 25px;}
.maintenance-page .info-container .normal{ font-size: 14px; line-height: 15px; }
.maintenance-page .info-container img{ width: 45%;}
}