@charset "utf-8";
@import "dinpro.css";
@import "typicons/typicons.css";
html{height: 100%;}
body{background: #eee; min-height: 100%;}
body, h1{font-family: Conv_DINPro-Regular; }

body > .uk-container.uk-container-center{border-right: 1px solid #999; border-left: 1px solid #999; background: #fff;
    position: relative; min-height: 100%; padding-bottom: 180px;}

.logo-wrap{display: inline-block; float: left;text-align: center; position: absolute;}
@media screen and (max-width: 650px) {
	.logo-wrap{position: static;}
}
.main-logo {margin: 10px 0 0 0;}
.mainphone {text-align: right; font-size: 2em; line-height: 1.1em; margin: 20px 0 -10px 0;}

.main-jumbo{background: url("/img/bg.jpg"); height: 400px; }

.mainmenu .uk-icon-home {line-height: 20px;font-size: 1.2em;}

.page-head{height: 100px; margin: 0 0 20px 0;}
.page-head i{font-size: 40px; display: inline-block; width: 60px; height: 60px;
    padding: 10px; box-sizing: border-box; color: rgba(255,255,255,.6); position: relative; top: 20px; left: 20px;}
.page-head h1 {color: #fff; margin: -30px 0 0 100px; text-transform: uppercase; text-shadow: 0px 1px 1px rgba(0,0,0,.8);}
.page figure{margin-bottom: 10px;}

@media screen and (max-width: 450px) {
    .page-head{height: 60px;}
    .page-head i{font-size: 20px; width: 30px; height: 30px; padding: 4px; top: 15px; left: 10px; }
    .page-head h1 {font-size: 1.6em; margin: -22px 0 0 45px;}
}


.footer{background: #2e3234; color: #9a9a9a; padding: 15px 0px; margin-left:-35px;  position: absolute; bottom: 0px;
    width: 100%; box-sizing: border-box;}

#map{width: 100%; height: 400px;}