html, body
{
width: 100%;
height:100%;
font-family: 'Roboto', sans-serif;
}
body
{
overflow:hidden;
background-color:#2AB5BE;
color:white;
text-shadow:0.05em 0.05em 0.05em #333;
}
.main
{
display:table;
margin:auto;
max-width:360px;
height:100%;
}
.main .middle
{
display:table-cell;
vertical-align:middle;
}
.main .inner
{
text-align:center;
font-size:1em;
line-height:1.5em;
width:360px;
margin:auto;
}
.main .inner p
{
text-align:center;
font-size:1.1em;
}
.main .inner small
{
font-size:.7em;
color:antiquewhite;
}
.txt-time
{
font-size:1em;
}
.inner-image
{
width:100%;
height:12em;
background-image: url(//src.edunia.net/img/maintenance-mode-coming-soon-feature-image.png);
background-position:center center;
background-size:cover;
margin-top:3em;
margin-bottom:4em;
}
@media screen and (min-width:921px)
{
.main
{
max-width:560px;
}
.main .inner
{
max-width:560px;
}
.inner-image
{
margin-top:1em;
height:15em;
}
.main .inner p
{
font-size:1.3em;
}
.main .inner small
{
font-size:.8em;
}
}
/* html, body,
.main{
width:100%;
height:100%;
margin:auto;
}
body{
background:url('//src.edunia.net/img/maintenance-mode-coming-soon-feature-image.png') center center no-repeat #2AB5BE;
}
.center{
display:table;
height:100%;
width:400px;
margin:auto;
text-align:center;
}
.vcenter{
display:table-cell;
vertical-align:middle;
}
.content{
padding-top:380px;
color:white;
}
.content p:first-child{
font-weight:bold;
font-size:1.6em;
} */