html,body{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;font-size:16px}
body{background-image:url(/themes/belostok/assets/images/frontpage/background.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}
.main{display:flex;flex-direction:column;justify-content:center}
.footer{margin-bottom:50px}
.logo{width:100%;height:44.375%}
.navigation{width:80%;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;list-style:none;bottom:50px;padding:0;margin:0 auto}
.navigation li{margin:20px;position:relative;text-align:center}
.navigation li a{text-decoration:none;color:#fff}
.navigation li :hover{color:#EB642D}
.navigation li img{width:80px;height:80px}
.navigation li span{display:block;text-align:center;text-transform:uppercase;margin-top:20px;font-family:'Open Sans Condensed',sans-serif;font-size:1.2em;text-shadow:1px 2px #777777}
.navigation li span :before{content:" ";display:table;position:absolute;top:76px;left:36px;width:8px;height:8px;border-radius:100%;background-color:#EB642D}
section.land-wrap{margin-top:20px}
.lang{display:flex;flex-direction:row;justify-content:center;list-style:none;margin:auto;padding:0}
.lang li{list-style:none;width:30px;height:30px;margin:10px}
.lang a{text-decoration:none;display:inline-block;border:solid #A7A7A7 1px;border-radius:5px;padding:4px;width:30px;height:30px;text-align:center;color:#A7A7A7;cursor:pointer;background:none}
.lang a :hover{color:#fff;background:#d0cfcf}
.title{font-size:6em;text-transform:uppercase}
@media (min-width:768px){.main{display:flex;flex-direction:row;justify-content:space-between;margin-top:100px}
.logo{width:500px;height:221.9px;margin:0 auto}
.lang{display:flex;flex-direction:column;justify-content:space-between;list-style:none;position:absolute;right:40px;margin:auto;height:150px}
.lang li{list-style:none;width:30px;height:30px}
.lang a{text-decoration:none;display:inline-block;border:solid #A7A7A7 1px;border-radius:5px;padding:4px;width:30px;height:30px;text-align:center;color:#A7A7A7;cursor:pointer;background:none}
.lang a :hover{color:#fff;background:#d0cfcf}
.navigation li img{width:94px;height:94px}
.navigation li span:before{content:" ";display:table;position:absolute;top:90px;left:45px;width:8px;height:8px;border-radius:100%;background-color:#EB642D}
}
@media (min-width:992px){.logo{width:800px;height:auto;margin:0 auto}
.navigation li img{width:104px;height:104px}
.navigation li span:before{content:" ";display:table;position:absolute;top:99px;left:52px;width:10px;height:10px;border-radius:100%;background-color:#EB642D}
}
@media (min-width:1230px){.navigation li img{width:120px;height:120px}
.navigation li span:before{content:" ";display:table;position:absolute;top:115px;left:55px;width:10px;height:10px;border-radius:100%;background-color:#EB642D}
}