html, body, main {height: 100%;}
html {margin: -20px 0;}
body {background-color: #EEE;}
section {display: flex; justify-content: center; align-items: center; height: 100%;}
article {text-align: left; width: auto; max-width: 500px; font-family: 'Montserrat','Helvetica Neue',Helvetica,Arial,sans-serif; padding: 1em;}
article img {max-width: 100%; height: auto;}
h1 {font-size: 2em; color: #999;}
h2 {font-size: 1.2em; color: #999; font-weight: normal;}
@media screen and (max-width: 767px)  {
    html { margin: 0;}
    section {flex-direction: column-reverse;height: auto;}
    article {max-width: 300px;}
    h1 {font-size: 1.4em;}
    .logo {max-width: 200px;}
    .clock {max-width: 70vw; height: auto}
}