* , :after, :before {
    box-sizing: border-box;
    outline: none;
}
img {
    max-width: 100%;
}
html, body {
    background: #ffc313;
    padding: 0;
    margin: 0;
}
header {
    text-align: center;
    background: #e93f3f;
    padding: 50px 30px 30px;
}
section {
    background: url('/img/bkg.png') no-repeat #831326 center center;
    background-size: cover;
}
section .desk,
section .mob {
    text-align: center;
    overflow: hidden;
}
section img {
    margin-bottom: -4px;
}
section .mob {
    display: none;
}
footer > div {
    max-width: 1000px;
    display: block;
    margin: 40px auto 60px;
    text-align: center;
}
footer > div > span {
    display: inline-block;
    text-align: center;
    width: 32%;
}
footer > div > span > div {
    display: block;
}
footer > div > span > div > a {
    margin: 5px;
    display: inline-block;
}

/* Small */
@media (max-width:640px) {
    footer > div > span {
        width: 100%;
        padding: 20px 0;
    }
    section .desk {
        display: none;
    }
    section .mob {
        display: block;
    }
}