/* Denk logo animatie */
.logo-container{width:100%;height:100px;float:left;position:relative}
@media (min-width:46.875em){
.logo-container{width:160px;height:120px; position:absolute; z-index:2;}}.logo{display:block;position:absolute;top:0;right:0;width:185px;height:100px;background-position:0 -325px;background-image:url(../sprite.svg);background-repeat:no-repeat;text-indent:100%;white-space:nowrap;overflow:hidden;word-wrap:normal}@media (min-width:46.875em){
.logo{float:left;top:24px;left:24px;z-index:1200;width:108.35px;height:100px;background-position:0 0;background-image:url(../sprite.svg);background-repeat:no-repeat}}@media (min-width:46.875em){
.logo:hover{-webkit-animation:heartbeat 1.1s infinite;animation:heartbeat 1.1s infinite}}
.logo-corporate{right:120px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:72px;height:66.452px;background-position:0 -425px;background-image:url(../sprite.svg);background-repeat:no-repeat}
@-webkit-keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1)}15%{-webkit-transform:scale(1.1);transform:scale(1.1)}25%{-webkit-transform:scale(1);transform:scale(1)}37%{-webkit-transform:scale(1.08);transform:scale(1.08)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1)}15%{-webkit-transform:scale(1.1);transform:scale(1.1)}25%{-webkit-transform:scale(1);transform:scale(1)}37%{-webkit-transform:scale(1.08);transform:scale(1.08)}70%{-webkit-transform:scale(1);transform:scale(1)}}

/* header */
header {margin-top:30px;}
img.banner {max-width:100%; position:relative; z-index:-2;}

/* content */
#embed {background:url(../img/body-bg.png); padding:40px;}
#embed h2 {text-align:center; color:#e42085; padding:10px;}
#content, footer {
     font: 20px/1.6 Helvetica neue,Arial,Verdana,sans-serif;
    color: #222; }
#content {text-align:center; font-weight:200;padding:60px;}
.embed-responsive {width:70%; margin:0 auto;}

/* buttons */
#buttons {padding:30px 0px;}
#buttons h2 {text-align:center; padding:10px;}
a.button {padding:10px; border:5px solid #fff; border-radius:10px;}
a.button i {    font-size: 1.5em;
    color: #fff;}

.blue {background:#19bbee;}
.pink {background:#e42085;}
.orange {background:#ffab00;}
.green {background:#79c201;}

/* footer */
footer {background:#000; color:#f5f5f5; text-align:center; font-size:12px; padding:20px;}
.container-fluid {padding-right:0; padding-left:0;}

/* resets */
body {margin:0;}

/* media queries */
@media only screen 
  and (min-device-width: 100px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
.embed-responsive {width:100%;}
}

@media screen and (max-width: 500px) {
    .logo-container {margin:20px;}
    header {margin-top:0px;}
    .logo {background-position:0 0;}
    img.banner {display:none;}
    #content {font:16px/1.6 Helvetica neue,Arial,Verdana,sans-serif;}
    #content, footer {padding:20px;}
    a.button { margin-left:15%; margin-right:15%;}
}