html, body { height:100%; overflow:hidden; }
* { box-sizing:border-box; }
body {
    background:url("../img/bg.jpg") center center no-repeat #fff;
    background-size:cover;
    font-family:"Roboto", Arial;
    text-align:center;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow:hidden;
    font-weight:400;
    position:relative;
    margin:0;
    padding:0;
}
#content, footer { display:none; overflow:hidden; z-index:2; }
#content div { margin-bottom:30px; margin-top:10px; }

img {
    height:auto;
    display:inline-block;
    margin-bottom:30px;
}

footer {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    font-size:12px;
    text-align:center;
    padding:10px;
}

p,a {
    display:inline-block;
    width:100%;
    color:#282460;
    transition:all 0.3s ease;
    text-decoration:none;
    margin-bottom:5px;
    font-size:20px;
    line-height:24px;
    margin:0 0 10px;
}
a { margin-bottom:5px; }
p small { font-size:15px; font-weight:bold; }

a:hover { text-decoration:underline; color:#282460; cursor:pointer; }

@media screen and (max-width:568px){
    h1 {
        font-size:26px;
        padding:0 15px;
        box-sizing:border-box;
    }
    p, a { font-size:18px; }
    a { margin-bottom:0; }
    img { margin-bottom:15px; }
    #logo1 { width:60%; }
    #logo2 { width:90%; }
    #logo3 { width:130px; }
    #content div { margin-bottom:15px; }
    footer { font-size:11px; padding:5px; }
}