@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,500);
aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, article, aside {display: block;}
html, body { padding: 0; margin: 0; height: 100%; }
body {font-family: 'Roboto', sans-serif;color: #474646; font-size: 16px; background: url(../img/bg.jpg) no-repeat center center; background-size: cover; height: 100%; position:relative;}
a img {border: none;}
ul, li, ol, p { margin: 0; padding: 0;}
li { list-style: none;}
a { text-decoration: underline;color: #009efe; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0;  }
.clearing{ clear: both;}
::selection {background: #62b1fb; color: #fff;}
::-moz-selection {background: #62b1fb; color: #fff;}
:focus {outline: 0;}
.container { width: 990px; margin: 0 auto; padding: 0 20px; overflow:hidden; clear: both;}
header { width: 100%;  overflow:hidden; padding: 10px 0; background: #fff;}
header img { display:block; margin: 0 auto; max-width: 90%;} 
.container { text-align:center; padding: 20px; min-width: 320px; width: 100%;-webkit-box-sizing:border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
.container h1 { color: #fff; font-size: 30px; margin: 20px 0; opacity: 0.8;}
.container h3 { color: #fff; font-size: 20px; margin-bottom: 20px;opacity: 0.8;}
.container a.btn { background: #d7140e; color: #fff; text-decoration: none; padding: 10px 20px; display:block; margin: 0 auto; width: 100px;}
.mk-3 { position: absolute; top: 60%; margin-top: -150px; left: 0; width: 100%;}
footer { position:absolute; bottom: 0; left: 0; width: 100%;   padding: 50px 0; text-align:center}
footer  img { display:block; margin: 0 auto; max-width: 96%;} 
@media (max-width: 400px) {
.mk-3 {  margin-top: -150px; }
.container h1 {  font-size: 24px; padding: 0 10px; }
.container h3 {font-size: 18px; padding: 0 10px;}
}
@media (max-height: 500px) {
.mk-3 {  margin-top: 20px; margin-bottom: 20px; top: auto; position:relative; }
body { min-height: 500px;background-size: inherit;}
}