/* GENERAL */

html,body{height:100%;min-height:100%;margin:0;padding:0;color:#999;}
body{font:75% Inder, sans-serif;background:url(../images/bg.png);}
.wrapper {height: 100%;}

header,section {
    width:32.28%;
    float:left;
    height:48%;
    min-width:320px;
    margin:10px 0 0 10px;
    position: relative;
    overflow: hidden;
}

header {
    width: auto !important;
    height: auto !important;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

@media only screen and (max-width: 1024px) {
    header,section{
        width:48.43%;
        height: 48.43%;
    }
}
@media only screen and (max-width: 680px) {
    header{
        width:97%;
        height: 97%;
    }
    section{
        width:97%;
        height:  97%;
    }
}

header h1 a{
    background:url(../images/kuhmus.png) no-repeat top left;
    width:300px;
    height:72px;
    overflow:hidden;
    text-indent:-999em;
    display: block;
}
header h1 a:hover{opacity: 1}

header h1 span.indicator {
    width: 0;
    display: block;
    height: 2px;
    background: #666;
    position:absolute;
    top:65%;
    left: 20%;
    margin: -1px 0 0;
}

header h2 {
    position: relative;
    margin: 0 auto;
    text-align: center;
}


/* HEADER #DESC */

#hdesc{width:90%;height:30%;position:absolute;left:0;bottom:0;margin:0 5%;display: none;}
#hdesc p{line-height:20px;float:left;width:100%;text-align:center;-webkit-transition:all 200ms ease-in;-moz-transition:all 200ms ease-in;transition:all 200ms ease-in;padding:0 10px 10px;}
#hdesc .jcarousel2{position:relative;overflow:hidden;width:100%;}
#hdesc .jcarousel2 ul{width:20000em;position:relative;list-style:none;margin:0;padding:0;}
#hdesc .jcarousel2 li{width:100%;float:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
#hdesc .jcarousel-control-prev2,#hdesc .jcarousel-control-next2{position:absolute;bottom:10px;width:30px;height:30px;text-align:center;color:#fff;text-decoration:none;text-shadow:0 0 1px #000;font:24px/27px Arial, sans-serif;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;-webkit-box-shadow:0 0 2px #999;-moz-box-shadow:0 0 2px #999;box-shadow:0 0 2px #999;}

#hdesc .jcarousel-control-prev2{left:-15px;}
#hdesc .jcarousel-control-next2{right:-15px;}

@media only screen and (max-width: 1224px) {
    #hdesc p{
        font-size: 0.8em;
    }
}

@media only screen and (max-width: 1024px) {
    #hdesc p{
        font-size: 0.9em;
    }
}
@media only screen and (max-width: 680px) {
    #hdesc p{
        font-size: 1em;
    }
}



section{background:url(../images/t2.png);color:#999;}
footer{overflow:hidden;clear:both;}