#header { margin-top:3%}
#accordions{ margin-top:2%; margin-bottom:3%}
#footer {padding-bottom:30px}


.title, .author, .intro {font-family: 'actorregular', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
     display:block; text-transform:uppercase; font-size:1.125rem; line-height:1.2}
.title {color:#2b3a93}
.intro, .author {color:#666}

#accordions img {width:100%; padding-bottom:20px}
.par-small {font-size:0.7rem}
p.par-small {margin-bottom: 0rem;}

.accordion .content {
  display:block:important!
  opacity: 0; 
}
.accordion .active .content{
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
  opacity: 1;
}

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
body {
    background: url("../img/background-animatie.gif") no-repeat scroll center center transparent;
    background-repeat: no-repeat;
    background-position: center 150px;
    background-width: 100% auto;
}