* {
    box-sizing: border-box;
}

[class*='col-'] {
    float: left;
    padding-right: 20px;
}

html,body{font-family:'Lato', sans-serif;height:100%;font-size:16px;line-height:1.2}
h1,h2,h3,h4{margin:0 0 20px 0}
h1{font-size:20px;font-weight:bold}
a{color:#333}
a{text-decoration:none}
a:hover{text-decoration:underline}

div {
    display: block;
}

div.clear{clear:both}

body h2 {
    font-size: 24px;
    text-transform: uppercase;
    color: #323D40;
}

body .fullCont {
    /* padding-top: 50px; */
    padding-top: 150px;
}

body .homeCenter {
    min-height: 100vh;
    width: 100vw;
    /* background: url(/images/boxHome.jpg) no-repeat center center; */
}

body .homeCenter .doCenter {
    margin: 0 auto;
    /* max-width: 1000px; */
    min-width: 320px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.grid {
    width: 100%;
    max-width: 1140px;
    min-width: 755px;
    margin: 0 auto;
}

.col-1-1 { width: 100%; }
.col-1-3 { width: 33.33%; }

.introText {
    margin-top: 40px;
}

.graybox {
    border: 1px solid #000;
    background: rgba(220,220,220,0.6);
    padding: 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.logoHolder{width:90px;height:50px;background-image:url("./images/markenLogos.png");/* display:block; */float:left;/* margin-right:15px; */}
.logoHolder:hover{background-image:url("./images/markenLogosFarbe.png");border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px}

a.logoHolder {
    text-indent: -2000px;
}

a.logoHolder {
    display: block;
    margin: 0 auto 5px auto;
}


.logoHp{background-position:-5px 0px}
.logoCanon{background-position:-105px 0px}
.logoKyocera{background-position:-205px 0px}
.logoEpson{background-position:-305px 0px}
.logoBrother{background-position:-405px 0px}
.logoRicoh{background-position:-505px 0px}
.logoXerox{background-position:-5px -50px}
.logoSharp{background-position:-105px -50px}
.logoSamsung{background-position:-205px -50px}
.logoZebra{background-position:-305px -50px}
.logoOki{background-position:-405px -50px}
.logoLexmark{background-position:-505px -50px}
.logoOlivetti{background-position:-5px -100px}
.logoKonikaMinolta{background-position:-105px -100px}
.logoPhilips{background-position:-205px -100px}
.logoDell{background-position:-305px -100px}
.logoUtax{background-position:-405px -100px}
.logoPanasonic{background-position:-505px -100px}
.logoToshiba{background-position:-5px -150px}
.logoKodak{background-position:-105px -150px}
.logoDevelop{background-position:-205px -150px}

.topMargin{
    margin-top: 40px;
}