:root {
    font: 1.01em Verdana;
    line-height: 1.35;
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 560px) {
    :root {
        font: .9em Verdana;
    }
}
*,
::before,
::after {
    box-sizing: inherit;
}
html {
    height: 100%;
}
h1,h2 {
    font-size: 3rem;
}
body {
    min-width: 360px;
    width: 100%;
    height: 100%;
    margin: 0;
    color: #333;
    background-color: #e8e8e8;
    transition: background-color 0.5s, color 0.5s;
}
.wrapper {
    max-width: 100%;
    margin: 0 auto;
}
.container {
    max-width: 600px;
    margin: 0 auto;
    padding: 1rem 0;
}
.logo {
    display: block;
    width: 200px;
    height: 180px;
    margin: auto;
    background: url("logo.svg") no-repeat center bottom -.6rem / 200px;
}
a:link,
a:visited { color: #1c15fd; }
a:hover,
a:active  { color: #b0570e; }
img {
    max-width: 100%;
    width: auto;
    height: auto;
}
.coming-soon {
    padding: .7rem 1rem 3rem 1rem;
    margin-bottom: 3rem;
    font-size: 1.4rem;
    text-align: center;
    background: #fff;
    border-radius: .6rem;
}
.block {
    display: block;
}