@font-face{font-family:Roboto-Light;src:url(../font/Roboto-Light.ttf);}
@font-face{font-family:'my-ico';src:url('../font/my-ico.eot?76157880');src:url('../font/my-ico.eot?76157880#iefix') format('embedded-opentype'),
url('../font/my-ico.woff?76157880') format('woff'),
url('../font/my-ico.ttf?76157880') format('truetype'),
url('../font/my-ico.svg?76157880#contakt') format('svg');font-weight:normal;font-style:normal;}
.bg{position:fixed;top:0;left:0;min-width:100%;min-height:100%;z-index:-1;}
body{font-family:Roboto-Light, sans-serif;color:#fff;background:rgb(35, 34, 29);overflow:hidden;}
a{color:#fff}
nav{height:60px;}
.logo{float:left;background:url(../img/logo.png) 10px 5px no-repeat;padding:15px 0 6px 100px;font-size:35px;text-decoration:none;text-transform:uppercase;margin:0;overflow:hidden;}
nav button{display:none;}
b, strong{font-weight:100;margin:15px 0 0 0;display:block;font-size:90%;text-transform:uppercase;}
.site-creation-anim img{display:block;position:absolute;width:55%;}
h1{font-size:2.35vw;text-align:right;text-transform:uppercase;padding:5px 30px;margin:25px 0;border:1px solid #fff;}
p{padding:15px;border:1px #fff solid;margin:0;font-size:1.5vw;line-height:1.5;}
footer{position:absolute;width:100%;bottom:0;text-align:center;}
footer a{text-decoration:none;font-size:20px;padding:20px 0;display:inline-block;}
.portf-a{display:none;}
.transition{-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
#menu-checkbox{display:none;}
.main-menu{-moz-opacity:0;-khtml-opacity:0;opacity:0;padding:0;margin:0;}
.toggle-button{font-family:'my-ico';font-size:22px;text-align:right;display:block;cursor:pointer;width:100px;padding:9px 0;margin:0 0 0 auto;}
.toggle-button:after{content:attr(data-open);display:block;padding:10px 30px;cursor:pointer;}
#menu-checkbox:checked + nav .main-menu{-moz-opacity:1;-khtml-opacity:1;opacity:1;}
#menu-checkbox:checked + nav .toggle-button:after{content:attr(data-close);}
nav a{display:block;text-decoration:none;position:relative;text-transform:uppercase;float:none;text-align:center;margin:0 0 0 auto;font-size:17px;padding:21px 10px;width:300px;background:rgba(35, 34, 29, 0.82);z-index:1;}
nav a:hover{color:#000;background:#fff;text-decoration:none;}
@media screen and (min-width:1230px){.toggle-button{display:none;}
.main-menu{display:block;margin-right:20px;height:30px;float:right;-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.main-menu li{width:inherit;text-align:center;display:inline-block;}
nav a{float:right;font-size:17px;text-align:center;padding:21px 10px;width:inherit;background:none;}
.main-menu li{width:inherit;text-align:center;display:inline-block;}
}
@media screen and (max-width:799px){
	body{overflow:visible}
	.contakt,
	footer{position:relative}
	.site-creation-anim,
	.support-sites,
	.promotion-of-sites-an,
	.contakt-foto, .map{display:none;}
	a.kont{display:block;float:none;padding:2% 0;text-decoration:none;font-size:medium;}
	i{font-family:'my-ico';padding:5%;}
	p, h1{font-size:medium;margin:15px}
	img.contakt-foto,
	.portfolio h1 span{display: none !important;}
	.portf-a{display:block;}
	.site-creation,.tracking-sites{width:100%!important;float:none!important;margin: 0 !important;}
}
@media screen and (max-width:530px){.logo{width:0;height:35px}
nav a{width:100%;background:rgba(35, 34, 29, 0.89);border-bottom:#fff 1px solid;}
.bg{display:none;}
}