@font-face {
    font-family: 'mebelion';
    src: url('mebelion.woff2') format('woff2'),
         url('mebelion.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
	background: #333 url(back.jpg) no-repeat center 0 fixed;
-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	width: 100%; height: 100%;
		margin: 0;
		font-family: 'mebelion', Arial;
		font-size: 26px; 
		}
.header {width: 100%;}
.inner {width: 100%; max-width:1200px; margin: 0 auto;text-align:center;}
.logo {padding: 20px 0 10px 40px;}
.main {margin: 0 auto;}
h1 { font-size: 60px; color: #fff; margin: 10px 0;}
h2 { font-size: 36px; color: #fff; margin: 10px 0 30px;}
h1 span, h2 span {background: rgba(0,0,0,.75);padding: 0 10px;}
#block {font-size:0;}
.block {display: inline-block; background:url(shadow.png) 50% 100% no-repeat;height: 570px; width: 580px; margin: 0 10px;}
.banner {width:500px;}
.button {-webkit-appearance: none; position: absolute; margin:-80px -170px; font-family: 'mebelion', Arial;cursor: pointer;width: 340px; background: #d87a20; border-radius: 5px; font-size: 24px; color: #000; border: 0; padding: 10px 15px;box-shadow: 0 5px 5px rgba(0,0,0,.5);transition: all 0.2s 0.02s ease;
    -moz-transition: all 0.2s 0.02s ease;
    -o-transition: all 0.2s 0.02s ease;
    -webkit-transition: all 0.2s 0.02s ease;}
.button:hover {padding: 20px 15px;}
.txt {color:#f3d20d;margin: 20px 0 50px;}
.footer { color: #fff;}
.icons {font-size:0;margin: 20px 0;}
.ico {fill:#fff; display:inline-block;width: 32px; height:32px;margin: 0 10px;transition: all 0.2s 0.02s ease;
    -moz-transition: all 0.2s 0.02s ease;
    -o-transition: all 0.2s 0.02s ease;
    -webkit-transition: all 0.2s 0.02s ease;}
.ico:hover {fill:#f3d20d;}
.ya-share2__container_size_m .ya-share2__icon {
    height: 32px!important;
    width: 32px!important;
}
.ya-share2__link {margin: 5px!important;}