body, .mtk-social li a  { background-repeat: no-repeat; background-size: cover; }
body, html { height: 100%; }
body { background-color: #000; background-image: url(../img/bg-maloik.jpg); color: #fff; padding: 0; }
.ff-vert-center { position: relative; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.container { text-align: center;  }
.em-breve { padding: 40px 0 20px; }
.mtk-logo img { width: 100%; height: auto; max-width: 620px; }
.em-breve h1, h2 { margin: 0; padding: 0; text-transform: uppercase; }
.em-breve h1 { font-size: 5em; }
.em-breve h2 { font-size: 3em; }
.mtk-social { list-style-type: none; margin: 0; padding: 0; }
.mtk-social li { display: inline-block; margin: 0 10px; }
.mtk-social li a { background-image: url(../img/mtk-social.png);  float: left; padding: 30px; }
.mtk-social li a.fb-link { background-position-x: 0; }
.mtk-social li a.ig-link { background-position-x: -59px; }
.mtk-social li a.em-link { background-position-x: -119px; }
.mtk-social li a.yt-link { background-position-x: -180px; }

@media only screen and (max-width: 600px) {
    .mtk-social li { margin: 0 4px; }
    .em-breve h1 { font-size: 4.5em; }
    .em-breve h2 { font-size: 3em; }
}