html,body{height:100%}
body{color:#808792}
h1{font-family:'Patua One',cursive;font-size:90px;margin-top:20px;line-height:1.25;color:#fff;text-shadow:0 0 7px rgba(0,0,0,0.5)}
h2,h3,h4,h5,h6{color:#27313d}
h2 i,h3 i,h4 i,h5 i,h6 i{padding-right:5px}
a:hover{text-decoration:none;border-bottom:1px dotted #808792}
hr{border-top:1px solid #DDD}
.showcase{position:relative;z-index:-1;background:transparent url('../img/broodjesvloer.jpg');-webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
header{padding:60px 10px 100px;text-align:center}
.description{font-family:"Times New Roman",Times,serif;font-size:20px;margin:0;line-height:1.25;color:#fff;text-shadow:0 0 3px rgba(0,0,0,1)}
.strip{width:auto;padding:20px;text-align:center;background:#232323 url("../img/texture-1.png");margin-bottom:50px}
.strip h3{color:#FFF}
.strip .btn{margin-bottom:3px}
.customer-logo{padding-right:38px;padding-bottom:20px}
.user-avatar{float:left;margin:0 10px 10px 0;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.8);-moz-box-shadow:0 2px 3px rgba(0,0,0,0.8);box-shadow:0 2px 3px rgba(0,0,0,0.8)}
footer{width:auto;padding:30px 20px 20px;margin-bottom:0;background:#2f353e url("../img/texture-1.png")}
footer a{color:#FFF}
footer a:hover{text-decoration:none;color:#FFF;border-bottom:1px dotted #FFF}
.bubble{position:relative;width:auto;height:100%;padding:20px 20px 10px;margin-bottom:30px;color:#49535f;background:#eceff2;border:#7f7f7f solid 0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.bubble:after{content:"";position:absolute;bottom:-10px;left:20px;border-style:solid;border-width:10px 10px 0;border-color:#eceff2 transparent;display:block;width:0;z-index:1}
.pricing{padding:15px;margin-bottom:15px;background:#eceff2 url("../assets/texture-2.png") top right no-repeat;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.info-panel{padding:15px;color:#9099a3;background:#2f353e url("../assets/texture-3.png");-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.info-panel h4{color:#FFF}
.img-advice{margin-bottom:20px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
.btn{padding:7px 13px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#FFF;text-shadow:none;background-image:none;background-repeat:no-repeat;border:0;filter:none;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.btn:hover,.btn:active,.btn .active,.btn .disabled,.btn[disabled]{color:#FFF;border-bottom:0;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.btn{background-color:#2f353e}
.btn:hover,.btn:active,.btn .active,.btn .disabled,.btn[disabled]{background-color:#5f686f}
.btn-primary{background-color:#a00}
.btn-primary:hover{background-color:#c00}
.btn-info{background-color:#01a9db}
.btn-info:hover{background-color:#58d3f7}
.btn-success{background-color:#0b610b}
.btn-success:hover{background-color:#088a08}
.btn-warning{background-color:#ff8000}
.btn-warning:hover{background-color:#facc2e}
.btn-danger{background-color:#b40404}
.btn-danger:hover{background-color:#cd2424}
.btn-inverse{background-color:#1c1c1c}
.btn-inverse:hover{background-color:#424242}
@media(max-width:1200px){h1{font-weight:normal}
}
@media(max-width:979px){h1{font-size:50px}
}
@media(max-width:768px){.showcase,.strip,footer{margin-left:-20px;margin-right:-20px}
}
@media(max-width:768px),only screen and (min-device-width:768px) and (max-device-width:1024px),(min-device-width:320px) and (max-device-width:480px){.showcase{background:transparent url("../img/broodjesvloer.jpg") center top scroll;-webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
}