.b-a,
.bar,
.bar:before,
.bar:after {
    transition: all .25s;
    content: "";
    position: absolute;
    left: 0;
    height: 6px;
    width: 30px;
    border-radius: 15px;
    background-color: rgba(255, 255, 255, 0.95);
}
.menu-collapsed {
    transition: all .25s;
    position: fixed;
    top: 10px;
    left: 9px;
    height: 36px;
    width: 36px;
    z-index: 1;
    cursor: pointer;
}
.menu-collapsed ul {
    transition: all 0s;
    position: fixed;
    left: -9000px;
}
.bar {
    position: fixed;
    left: 12px;
    top: 24px;
}
.bar:before {
    top: -8px;
}
.bar:after {
    top: 8px;
}
.b-a-expanded,
.menu-expanded .bar:before,
.menu-expanded .bar:after {
    transition: all .25s;
    top: -0px;
}
.menu-expanded {
    transition: all .25s;
    text-align: center;
    line-height: 50px;
    height: 100%;
    width: 100%;
    border-radius: 0px;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.85);
}
.menu-expanded ul {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 768px;
    /* bring your own prefixes */
    
    transform: translate(-55%, -50%);
    list-style-type: none;
}
.menu-expanded a {
    transition: all .15s;
    text-decoration: none;
    font-size: 30px;
    padding: 5px;
    color: #fff;
}
@media only screen and (min-device-width: 321px) and (max-device-width: 480px) {
    .menu-expanded a {
        transition: all .15s;
        text-decoration: none;
        font-size: 22px;
        padding: 5px;
        color: #fff;
    }
    .menu-expanded {
        transition: all .25s;
        text-align: center;
        line-height: 30px;
        height: 100%;
        width: 100%;
        border-radius: 0px;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.85);
    }
    .menu-expanded ul {
        position: fixed;
        top: 50%;
        left: 50%;
        width: 340px;
        /* bring your own prefixes */
        
        transform: translate(-55%, -50%);
        list-style-type: none;
    }
}
@media (max-width: 320px) {
    .menu-expanded a {
        font-size: 18px;
    }
    .menu-expanded ul {
        position: fixed;
        top: 15%;
        left: 50%;
        width: 340px;
        /* bring your own prefixes */
        
        transform: translate(-55%, -5%);
        list-style-type: none;
    }
    .menu-expanded {
        transition: all .25s;
        text-align: center;
        line-height: 28px;
        height: 100%;
        width: 100%;
        border-radius: 0px;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.85);
    }
    #tekst2 p {
        text-align: center !important;
    }
}
/* larger than iPhone landscape, an in the iPad portrait range */

@media (min-width: 481px) and (max-width: 767px) {
    .menu-expanded a {
        font-size: 18px;
    }
    .menu-expanded ul {
        position: fixed;
        top: 15%;
        left: 50%;
        width: 340px;
        /* bring your own prefixes */
        
        transform: translate(-55%, -10%);
        list-style-type: none;
    }
    .menu-expanded {
        transition: all .25s;
        text-align: center;
        line-height: 27px;
        height: 100%;
        width: 100%;
        border-radius: 0px;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.85);
    }
    #intro p {
        text-align: center !important;
    }
}
.menu-expanded a:hover {
    transition: all .15s;
    letter-spacing: 2px;
    color: #1abec7;
}
.menu-expanded .bar {
    background-color: transparent;
    transition: all .25s;
}
.menu-expanded .bar:before {
    transform: rotate(45deg);
}
.menu-expanded .bar:after {
    transform: rotate(-45deg);
}
/*!
 * fullPage 2.8.4
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */

html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    /*Avoid flicker on slides transitions for mobile phones #336 */
    
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#superContainer {
    height: 100%;
    position: relative;
    /* Touch detection for Windows 8 */
    
    -ms-touch-action: none;
    /* IE 11 on Windows Phone 8.1*/
    
    touch-action: none;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    /* Safari<=5 Android<=3 */
    
    -moz-box-sizing: border-box;
    /* <=28 */
    
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide,
.fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    /* Safari<=6 Android<=4.3 */
    
    transition: all 0.3s ease-out;
}
.fp-section.fp-table,
.fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    -webkit-user-select: none;
    /* webkit (safari, chrome) browsers */
    
    -moz-user-select: none;
    /* mozilla browsers */
    
    -khtml-user-select: none;
    /* webkit (konqueror) browsers */
    
    -ms-user-select: none;
    /* IE10+ */
    
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: hidden;
    position: relative;
}
.fp-scroller {
    overflow: hidden;
}
.iScrollIndicator {
    border: 0 !important;
}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav {
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
    margin: 0;
    padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position: relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
    height: auto !important;
}
.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}
h3.popuptitel {
    font-size: 30px;
    margin-bottom: 5px;
    letter-spacing: 1.5px;
}
div#inline {
    color: #000 !important;
    padding: 40px;
    background-color: #e99109 !important;
    text-align: center;
}
div#inline1 {
    color: #000 !important;
    padding: 40px;
    background-color: #e99109 !important;
    text-align: center;
}
div#inline2 {
    color: #fff !important;
    padding: 40px;
    background-color: #8f3824 !important;
    text-align: center;
}
div#inline3 {
    color: #fff !important;
    padding: 40px;
    background-color: #8f3824 !important;
    text-align: center;
}
img.illustratie {
    width: 100%;
}
#mees-shadowbox {
    position: absolute;
    margin-top: -103px;
    left: 50%;
    margin-right: -55%;
}

#mees-shadowbox-filmpje{
    position: absolute;
    margin-top: -68px;
    left: 50%;
    margin-right: -55%;
}



#filmpje3{
  background-color:#fff;
  padding:5px 30px 20px 30px;
}
.fa {
    width: 60px;
    display: block;
    text-align: center;
    color: #ffffff;
    font: normal 45px 'FontAwesome';
    line-height: 60px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.bounce {
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 60px;
    height: 60px;
    margin-left: -30px;
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
}
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-15px);
    }
    60% {
        -webkit-transform: translateY(-5px);
    }
}
@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-15px);
    }
    60% {
        -moz-transform: translateY(-5px);
    }
}
@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -o-transform: translateY(0);
    }
    40% {
        -o-transform: translateY(-15px);
    }
    60% {
        -o-transform: translateY(-5px);
    }
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-15px);
    }
    60% {
        transform: translateY(-5px);
    }
}
/* Custom CSS
 * --------------------------------------- */
}
.wrap {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    position: relative;
}
h1 {
    font-size: 5em;
    letter-spacing: 3px;
}
img.mees {
    width: 180px !important;
    margin-bottom: 40px;
}
.intro p {
    color: #fff;
}
p {
    font-size: 22px;
    font-family: 'Acme', sans-serif;
}
#filmpje {
    background-color: #fff;
    padding: 15px;
}
/* vimeo responsive */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#animated-example a {
    color: #ffffff !important;
}
#animated-example a:hover {
    color: #f1f1f1 !important;
}
.tekst1 a {
    color: #fff;
}
.tekst1 a:hover {
    color: #000;
}
/* large screens --------------------------------------- */
/* Desktops and laptops ----------- */

@media only screen and (min-width: 1224px) {
    #cd-nav {
        display: none !important
    }
    .grid {
        width: 100%;
        max-width: 1300px !important;
        min-width: 1000px;
        margin: 0 auto;
        overflow: hidden;
    }
}
/* Large screens ----------- */

@media only screen and (min-width: 1824px) {
    #cd-nav {
        display: none !important
    }
    .grid {
        width: 100%;
        max-width: 1300px !important;
        min-width: 1000px;
        margin: 0 auto;
        overflow: hidden;
    }
}
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */

@media (min-width: 600px) {
    h2.kleine-uitleg {
        margin-top: -40px;
    }
}
/* tablet, landscape iPad, lo-res laptops ands desktops */

@media (min-width: 801px) {
    h2.kleine-uitleg {
        margin-top: -50px;
    }
}
/* big landscape tablets, laptops, and desktops */

@media (min-width: 1025px) {
    h2.kleine-uitleg {
        margin-top: 0px;
    }
}
/* mobile css --------------------------------------- */
/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .content h1 {
        font-size: 2em;
        font-family: 'Luckiest Guy', cursive;
    }
    .tekst1 p {
        text-align: center !important;
    }
    .tekst1 h2 {
        text-align: center !important;
    }
    div.tekst1 {
        margin-top: 0px;
    }
    #tekst2 p {
        text-align: center !important;
    }
    div.intro {
        margin-bottom: 40px;
    }
    #lees-verder {
        display: none !important;
    }
    img.mees {
        width: 140px !important;
        margin-bottom: 20px;
    }
    .bounce-verwijderen {
        display: none !important;
    }
    .bounce {
        position: absolute;
        bottom: 0px;
        left: 50%;
        width: 60px;
        height: 60px;
        margin-left: -30px;
        animation: bounce 2s infinite;
        -webkit-animation: bounce 2s infinite;
        -moz-animation: bounce 2s infinite;
        -o-animation: bounce 2s infinite;
    }
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    background: #fff !important;
}
/* Style for our header texts* --------------------------------------- */

body {
    font-family: 'Acme', sans-serif;
    color: #fff !important;
    font-size: 22px;
}
h1 {
    font-size: 3em;
    font-family: 'Luckiest Guy', cursive;
    color: #fff;
    margin: 0;
    padding: 0;
}
h2 {
    font-size: 1.8em;
    font-family: 'Luckiest Guy', cursive;
    color: #fff;
    margin: 0;
    padding: 0;
    letter-spacing: 1.5px;
}
/* Centered texts in each section
	* --------------------------------------- */
/* Defining each section background and styles
	* --------------------------------------- */

#section_titel {
    background-image: url('../imgs/achtergronden/Beginscherm-voor-ziekenhuis.jpg') !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #137c9c !important;
}
#section_bij_dokter_geweest {
    background-image: url('../imgs/achtergronden/achtergrond-thuis.jpg') !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #8688ae !important;
}
#section_onderweg {
    background-image: url('../imgs/achtergronden/achtergrond-auto.jpg');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #5bbcc5 !important;
}
#section_melden_balie {
    background-image: url('../imgs/achtergronden/achtergrond-balie.jpg') !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #e69b24 !important;
}
#section_wachtkamer {
    background-image: url('../imgs/achtergronden/achtergrond-wachtkamer.jpg') !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #2bbce9 !important;
}
#section_prikkamer {
    background-image: url('../imgs/achtergronden/Beginscherm-prikkamer3.jpg') !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #4c934d !important;
}
#section_band_om_arm {
    background-image: url('../imgs/achtergronden/Beginscherm-prikkamer4.jpg') !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #8f3824 !important;
}
#section_prik_in_arm {
    background-image: url('../imgs/achtergronden/Prik-in-arm.jpg');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #98469a !important;
}
#section_klaar_tekening {
    background-image: url('../imgs/achtergronden/Klaar-tekening.jpg') !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #d9a655 !important;
}
#section_uitzwaaien {
    background-image: url('../imgs/achtergronden/uitzwaaien.jpg') !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #fc9b0e !important;
}
#section_thuis {
    background-image: url('../imgs/achtergronden/thuis.jpg') !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #36324d !important;
}
#section_eindscherm {
    background-image: url('../imgs/achtergronden/achtergrond-vrienden.jpg') !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #1abec7 !important;
}
/*Adding background for the slides
	* --------------------------------------- */

#slide1 {
    background: -webkit-gradient(linear, top left, bottom left, from(#7baabe), to(#969ac6));
    background: -webkit-linear-gradient(#7BAABE, #969AC6);
    background: linear-gradient(#7BAABE, #969AC6);
}
#slide2 {
    background: -webkit-gradient(linear, top left, bottom left, from(#92a1ca), to(#76c2bd));
    background: -webkit-linear-gradient(#92a1ca, #76c2bd);
    background: linear-gradient(#92a1ca, #76c2bd);
}
.section {
    text-align: center;
}
#menu li {
    display: inline-block;
    margin: 10px;
    color: #000;
    background: #fff;
    background: rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
#menu li.active {
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
}
#menu li a {
    text-decoration: none;
    color: #000;
}
#menu li.active a:hover {
    color: #000;
}
#menu li:hover {
    background: rgba(255, 255, 255, 0.8);
}
#menu li a,
#menu li.active a {
    padding: 9px 18px;
    display: block;
}
#menu li.active a {
    color: #fff;
}
#menu {
    position: fixed;
    top: 0;
    left: 0;
    height: 40px;
    z-index: 70;
    width: 100%;
    padding: 0;
    margin: 0;
}
.twitter-share-button {
    position: fixed;
    z-index: 99;
    right: 149px;
    top: 9px;
}
#download {
    margin: 10px 0 0 0;
    padding: 15px 10px;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #49afcd;
    background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from( #5bc0de), to( #2f96b4));
    background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: linear-gradient(top, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
#download a {
    text-decoration: none;
    color: #fff;
}
#download:hover {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #2F96B4;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -ms-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear;
}
#infoMenu {
    height: 20px;
    color: #f2f2f2;
    position: fixed;
    z-index: 70;
    bottom: 0;
    width: 100%;
    text-align: right;
    font-size: 0.9em;
    padding: 8px 0 8px 0;
}
#infoMenu ul {
    padding: 0 40px;
}
#infoMenu li a {
    display: block;
    margin: 0 22px 0 0;
    color: #333;
}
#infoMenu li a:hover {
    text-decoration: underline;
}
#infoMenu li {
    display: inline-block;
    position: relative;
}
#examplesList {
    display: none;
    background: #282828;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 20px;
    float: left;
    position: absolute;
    bottom: 29px;
    right: 0;
    width: 638px;
    text-align: left;
}
#examplesList ul {
    padding: 0;
}
#examplesList ul li {
    display: block;
    margin: 5px 0;
}
#examplesList ul li a {
    color: #BDBDBD;
    margin: 0;
}
#examplesList ul li a:hover {
    color: #f2f2f2;
}
#examplesList .column {
    float: left;
    margin: 0 20px 0 0;
}
#examplesList h3 {
    color: #f2f2f2;
    font-size: 1.2em;
    margin: 0 0 15px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
    padding: 0 0 5px 0;
}
/* Demos Menu
 * --------------------------------------- */

#demosMenu {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 999;
}
#animated-example {
    margin: 20px auto;
}
.animated {
    -webkit-animation-name: bounceIn;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-name: bounceIn;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}
/*
 * Pulse animation
*/

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.06);
    }
    140% {
        -webkit-transform: scale(1);
    }
}
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.06);
    }
    140% {
        transform: scale(1);
    }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
/*
  Simple Grid
  Project Page - http://thisisdallas.github.com/Simple-Grid/
  Author - Dallas Bass
  Site - http://dallasbass.com
*/

.tekst1 {
    margin-top: 100px;
    text-align: left !important;
}
#tekst2 {
    margin-top: 50px;
    text-align: left !important;
}
[class*='grid'],
[class*='col-'],
[class*='mobile-'],
.grid:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
[class*='col-'] {
    float: left;
    min-height: 1px;
    padding-right: 20px;
    /* column-space */
}
[class*='col-'] [class*='col-']:last-child {
    padding-right: 0;
}
.grid {
    width: 100%;
    max-width: 1140px;
    min-width: 748px;
    /* when using padded grid on ipad in portrait mode, width should be viewport-width - padding = (768 - 20) = 748. actually, it should be even smaller to allow for padding of grid containing element */
    
    margin: 0 auto;
    overflow: hidden;
}
.grid:after {
    content: "";
    display: table;
    clear: both;
}
.grid-pad {
    padding-top: 20px;
    padding-left: 20px;
    /* grid-space to left */
    
    padding-right: 0;
    /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */
}
.push-right {
    float: right;
}
/* Content Columns */

.col-1-1 {
    width: 100%;
}
.col-2-3,
.col-8-12 {
    width: 66.66%;
}
.col-1-2,
.col-6-12 {
    width: 50%;
}
.col-1-3,
.col-4-12 {
    width: 33.33%;
}
.col-1-3-icoon {
    width: 22%;
    margin-top: -30px;
}
.col-1-4,
.col-3-12 {
    width: 25%;
}
.col-1-5 {
    width: 20%;
}
.col-1-6,
.col-2-12 {
    width: 16.667%;
}
.col-1-7 {
    width: 14.28%;
}
.col-1-8 {
    width: 12.5%;
}
.col-1-9 {
    width: 11.1%;
}
.col-1-10 {
    width: 10%;
}
.col-1-11 {
    width: 9.09%;
}
.col-1-12 {
    width: 8.33%
}
/* Layout Columns */

.col-11-12 {
    width: 91.66%
}
.col-10-12 {
    width: 83.333%;
}
.col-9-12 {
    width: 75%;
}
.col-5-12 {
    width: 41.66%;
}
.col-7-12 {
    width: 58.33%
}
/* Pushing blocks */

.push-2-3,
.push-8-12 {
    margin-left: 66.66%;
}
.push-1-2,
.push-6-12 {
    margin-left: 50%;
}
.push-1-3,
.push-4-12 {
    margin-left: 33.33%;
}
.push-1-4,
.push-3-12 {
    margin-left: 25%;
}
.push-1-5 {
    margin-left: 20%;
}
.push-1-6,
.push-2-12 {
    margin-left: 16.667%;
}
.push-1-7 {
    margin-left: 14.28%;
}
.push-1-8 {
    margin-left: 12.5%;
}
.push-1-9 {
    margin-left: 11.1%;
}
.push-1-10 {
    margin-left: 10%;
}
.push-1-11 {
    margin-left: 9.09%;
}
.push-1-12 {
    margin-left: 8.33%
}
@media handheld,
only screen and (max-width: 767px) {
    .grid {
        width: 100%;
        min-width: 0;
        margin-left: 0;
        margin-right: 0;
        padding-left: 20px;
        /* grid-space to left */
        
        padding-right: 10px;
        /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */
    }
    [class*='col-'] {
        width: auto;
        float: none;
        margin: 10px 0;
        padding-left: 0;
        padding-right: 10px;
        /* column-space */
    }
    [class*='col-'] [class*='col-'] {
        padding-right: 0;
    }
    /* Mobile Layout */
    
    [class*='mobile-col-'] {
        float: left;
        margin: 0 0 10px;
        padding-left: 0;
        padding-right: 10px;
        /* column-space */
        
        padding-bottom: 0;
    }
    .mobile-col-1-1 {
        width: 100%;
    }
    .mobile-col-2-3,
    .mobile-col-8-12 {
        width: 66.66%;
    }
    .mobile-col-1-2,
    .mobile-col-6-12 {
        width: 50%;
    }
    .mobile-col-1-3,
    .mobile-col-4-12 {
        width: 33.33%;
    }
    .col-1-3-icoon {
        width: 33%;
        float: left;
        text-align: center;
    }
    #briefje-dokter {
        text-align: center;
    }
    div#fp-nav.right {
        display: none !important;
    }
    .mobile-col-1-4,
    .mobile-col-3-12 {
        width: 25%;
    }
    .mobile-col-1-5 {
        width: 20%;
    }
    .mobile-col-1-6,
    .mobile-col-2-12 {
        width: 16.667%;
    }
    .mobile-col-1-7 {
        width: 14.28%;
    }
    .mobile-col-1-8 {
        width: 12.5%;
    }
    .mobile-col-1-9 {
        width: 11.1%;
    }
    .mobile-col-1-10 {
        width: 10%;
    }
    .mobile-col-1-11 {
        width: 9.09%;
    }
    .mobile-col-1-12 {
        width: 8.33%
    }
    /* Layout Columns */
    
    .mobile-col-11-12 {
        width: 91.66%
    }
    .mobile-col-10-12 {
        width: 83.333%;
    }
    .mobile-col-9-12 {
        width: 75%;
    }
    .mobile-col-5-12 {
        width: 41.66%;
    }
    .mobile-col-7-12 {
        width: 58.33%
    }
    .hide-on-mobile {
        display: none !important;
        width: 0;
        height: 0;
    }
}
/* Portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    .col-1-2 {
        width: 100%;
    }
    .tekst1 {
        text-align: center !important;
        margin-top: 10px;
    }
    img.illustratie {
        width: 70%;
    }
    .bounce {
        display: none;
    }
}
/* Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .col-1-2 {
        width: 48%;
    }
}
/*! Lity - v2.0.0 - 2016-09-19
* http://sorgalla.com/lity/
* Copyright (c) 2015-2016 Jan Sorgalla; Licensed MIT */

.lity {
    z-index: 9990;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    background: #0b0b0b;
    background: rgba(0, 0, 0, 0.9);
    outline: none !important;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.lity.lity-opened {
    opacity: 1;
}
.lity.lity-closed {
    opacity: 0;
}
.lity * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.lity-wrap {
    z-index: 9990;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    outline: none !important;
}
.lity-wrap:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}
.lity-loader {
    z-index: 9991;
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -0.8em;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.lity-loading .lity-loader {
    opacity: 1;
}
.lity-container {
    z-index: 9992;
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    white-space: normal;
    max-width: 100%;
    max-height: 100%;
    outline: none !important;
}
.lity-content {
    z-index: 9993;
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
}
.lity-loading .lity-content,
.lity-closed .lity-content {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
.lity-content:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.lity-close {
    z-index: 9994;
    width: 35px;
    height: 35px;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-appearance: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    padding: 0;
    color: #fff;
    font-style: normal;
    font-size: 35px;
    font-family: Arial, Baskerville, monospace;
    line-height: 35px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    border: 0;
    background: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.lity-close::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
    text-decoration: none;
    text-align: center;
    padding: 0;
    color: #fff;
    font-style: normal;
    font-size: 35px;
    font-family: Arial, Baskerville, monospace;
    line-height: 35px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    border: 0;
    background: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.lity-close:active {
    top: 1px;
}
/* Image */

.lity-image img {
    max-width: 100%;
    display: block;
    line-height: 0;
    border: 0;
}
/* iFrame */

.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-googlemaps .lity-container {
    width: 100%;
    max-width: 964px;
}
.lity-iframe-container {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: auto;
    pointer-events: auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch;
}
.lity-iframe-container iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}
.lity-hide {
    display: none;
}
@font-face {
    font-family: 'Luckiest Guy';
    font-style: normal;
    font-weight: 400;
    src: local('Luckiest Guy'),
    local('LuckiestGuy-Regular'),
    url(https://fonts.gstatic.com/s/luckiestguy/v6/5718gH8nDy3hFVihOpkY5KRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}
@font-face {
    font-family: 'Acme';
    font-style: normal;
    font-weight: 400;
    src: local('Acme'),
    local('Acme-Regular'),
    url(https://fonts.gstatic.com/s/acme/v5/J7ium-afZ1cSO20cJqzQyvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */

.cd-container {
    /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
    
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
}
.cd-container::after {
    /* clearfix */
    
    content: '';
    display: table;
    clear: both;
}
/* -------------------------------- 

Main components 

-------------------------------- */

header {
    position: relative;
    height: 200px;
    background: white;
    text-align: center;
    margin-bottom: 1em;
    padding-top: 3em;
}
header #cd-logo {
    margin-bottom: 3em;
}
header h1 {
    font-size: 20px;
    font-size: 1.25rem;
}
@media only screen and (min-width: 768px) {
    header {
        margin-bottom: 4em;
    }
}
@media only screen and (min-width: 1170px) {
    header {
        height: 400px;
        padding-top: 11em;
    }
    header #cd-logo {
        position: absolute;
        top: 40px;
        left: 5%;
    }
    header h1 {
        font-size: 40px;
        font-size: 2.5rem;
        font-weight: 300;
    }
}
#cd-nav ul {
    /* mobile first */
    
    position: fixed;
    width: 80%;
    max-width: 400px;
    right: 5%;
    bottom: 20px;
    border-radius: 0.25em;
    box-shadow: 0 0 10px rgba(232, 74, 100, 0.4);
    background: white;
    visibility: hidden;
    /* remove overflow:hidden if you want to create a drop-down menu - but then remember to fix/eliminate the list items animation */
    
    overflow: hidden;
    z-index: 1;
    /* Force Hardware Acceleration in WebKit */
    
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s;
    -moz-transition: -moz-transform 0.3s, visibility 0s 0.3s;
    transition: transform 0.3s, visibility 0s 0.3s;
}
#cd-nav ul li {
    /* Force Hardware Acceleration in WebKit */
    
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#cd-nav ul.is-visible {
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.3s, visibility 0s 0s;
    -moz-transition: -moz-transform 0.3s, visibility 0s 0s;
    transition: transform 0.3s, visibility 0s 0s;
}
#cd-nav ul.is-visible li:nth-child(1) {
    /* list items animation */
    
    -webkit-animation: cd-slide-in 0.2s;
    -moz-animation: cd-slide-in 0.2s;
    animation: cd-slide-in 0.2s;
}
#cd-nav ul.is-visible li:nth-child(2) {
    -webkit-animation: cd-slide-in 0.3s;
    -moz-animation: cd-slide-in 0.3s;
    animation: cd-slide-in 0.3s;
}
#cd-nav ul.is-visible li:nth-child(3) {
    -webkit-animation: cd-slide-in 0.4s;
    -moz-animation: cd-slide-in 0.4s;
    animation: cd-slide-in 0.4s;
}
#cd-nav ul.is-visible li:nth-child(4) {
    -webkit-animation: cd-slide-in 0.5s;
    -moz-animation: cd-slide-in 0.5s;
    animation: cd-slide-in 0.5s;
}
#cd-nav ul.is-visible li:nth-child(5) {
    -webkit-animation: cd-slide-in 0.6s;
    -moz-animation: cd-slide-in 0.6s;
    animation: cd-slide-in 0.6s;
}
#cd-nav li a {
    display: block;
    padding: 0.3em;
    border-bottom: 1px solid #eff2f6;
}
#cd-nav li:last-child a {
    border-bottom: none;
}
@media only screen and (min-width: 1170px) {
    #cd-nav ul {
        /* the navigation moves to the top */
        
        position: absolute;
        width: auto;
        max-width: none;
        bottom: auto;
        top: 36px;
        background: transparent;
        visibility: visible;
        box-shadow: none;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all 0s;
        -moz-transition: all 0s;
        transition: all 0s;
    }
    #cd-nav li {
        display: inline-block;
    }
    #cd-nav li a {
        opacity: 1;
        padding: .4em;
        margin-left: 1.6em;
        border-bottom: none;
    }
    #cd-nav li a:hover {
        color: #00bd9b;
    }
    #cd-nav.is-fixed ul {
        /* when the user scrolls down, the navigation moves to the bottom right in Fixed position - as on touch devices */
        
        position: fixed;
        width: 90%;
        max-width: 400px;
        bottom: 20px;
        top: auto;
        background: white;
        visibility: hidden;
        box-shadow: 0 0 10px rgba(232, 74, 100, 0.4);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }
    #cd-nav.is-fixed ul li {
        display: block;
    }
    #cd-nav.is-fixed ul li a {
        padding: 1.6em;
        margin-left: 0;
        border-bottom: 1px solid #eff2f6;
    }
    #cd-nav ul.has-transitions {
        /* this class is used to bring back transitions when the navigation moves at the bottom right */
        
        -webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s;
        -moz-transition: -moz-transform 0.3s, visibility 0s 0.3s;
        transition: transform 0.3s, visibility 0s 0.3s;
    }
    #cd-nav ul.is-visible {
        /* this class is used to bring back the navigation animation - as on touch devices */
        
        visibility: visible;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        -webkit-transition: -webkit-transform 0.3s, visibility 0s 0s;
        -moz-transition: -moz-transform 0.3s, visibility 0s 0s;
        transition: transform 0.3s, visibility 0s 0s;
    }
    #cd-nav ul.is-hidden {
        /* this class is used to animate the scale down the navigation when the user scrolls down with the navigation still open */
        
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-transition: -webkit-transform 0.3s;
        -moz-transition: -moz-transform 0.3s;
        transition: transform 0.3s;
    }
}
.cd-nav-trigger {
    position: fixed;
    bottom: 20px;
    right: 5%;
    width: 44px;
    height: 44px;
    background: white;
    border-radius: 0.25em;
    box-shadow: 0 0 10px rgba(232, 74, 100, 0.4);
    /* image replacement */
    
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    z-index: 2;
}
.cd-nav-trigger span {
    /* the span element is used to create the menu icon */
    
    position: absolute;
    display: block;
    width: 20px;
    height: 2px;
    background: #e84a64;
    top: 50%;
    margin-top: -1px;
    left: 50%;
    margin-left: -10px;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
}
.cd-nav-trigger span::before,
.cd-nav-trigger span::after {
    content: '';
    position: absolute;
    left: 0;
    background: inherit;
    width: 100%;
    height: 100%;
    /* Force Hardware Acceleration in WebKit */
    
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.3s, background 0s;
    -moz-transition: -moz-transform 0.3s, background 0s;
    transition: transform 0.3s, background 0s;
}
.cd-nav-trigger span::before {
    top: -6px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}
.cd-nav-trigger span::after {
    bottom: -6px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}
.cd-nav-trigger.menu-is-open {
    box-shadow: none;
}
.cd-nav-trigger.menu-is-open span {
    background: rgba(232, 74, 100, 1);
}
.cd-nav-trigger.menu-is-open span::before,
.cd-nav-trigger.menu-is-open span::after {
    background: #e84a64;
}
.cd-nav-trigger.menu-is-open span::before {
    bottom: -6px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}
.cd-nav-trigger.menu-is-open span::after {
    bottom: -6px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}
.cd-nav-trigger.menu-is-closed {
    box-shadow: none;
}
.cd-nav-trigger.menu-is-closed span {
    background: rgba(232, 74, 100, 0);
}
.cd-nav-trigger.menu-is-closed span::before,
.cd-nav-trigger.menu-is-closed span::after {
    background: #e84a64;
}
.cd-nav-trigger.menu-is-closed span::before {
    top: 0;
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    transform: rotate(40deg);
}
.cd-nav-trigger.menu-is-closed span::after {
    bottom: 0;
    -webkit-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
}
@media only screen and (min-width: 1170px) {
    .cd-nav-trigger {
        /* the the menu triger is hidden by default on desktop devices */
        
        visibility: hidden;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s;
        -moz-transition: -moz-transform 0.3s, visibility 0s 0.3s;
        transition: transform 0.3s, visibility 0s 0.3s;
    }
    .is-fixed .cd-nav-trigger {
        visibility: visible;
        -webkit-transition: all 0s;
        -moz-transition: all 0s;
        transition: all 0s;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        -webkit-animation: cd-bounce-in 0.3s linear;
        -moz-animation: cd-bounce-in 0.3s linear;
        animation: cd-bounce-in 0.3s linear;
    }
}
#cd-gallery-items li {
    margin-bottom: 1.5em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 0.25em;
}
#cd-gallery-items li img {
    width: 100%;
    display: block;
    border-radius: 0.25em;
}
@media only screen and (min-width: 768px) {
    #cd-gallery-items li {
        width: 48%;
        float: left;
        margin-bottom: 2em;
        margin-right: 4%;
    }
    #cd-gallery-items li:nth-child(2n) {
        margin-right: 0;
    }
}
@media only screen and (min-width: 1170px) {
    #cd-gallery-items li {
        width: 31%;
        float: left;
        margin-bottom: 2.5em;
        margin-right: 3.5%;
    }
    #cd-gallery-items li:nth-child(2n) {
        margin-right: 3.5%;
    }
    #cd-gallery-items li:nth-child(3n) {
        margin-right: 0;
    }
}
@-webkit-keyframes cd-slide-in {
    0% {
        -webkit-transform: translateX(100px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes cd-slide-in {
    0% {
        -moz-transform: translateX(100px);
    }
    100% {
        -moz-transform: translateY(0);
    }
}
@keyframes cd-slide-in {
    0% {
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px);
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes cd-bounce-in {
    0% {
        -webkit-transform: scale(0);
    }
    60% {
        -webkit-transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes cd-bounce-in {
    0% {
        -moz-transform: scale(0);
    }
    60% {
        -moz-transform: scale(1.2);
    }
    100% {
        -moz-transform: scale(1);
    }
}
@keyframes cd-bounce-in {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }
    60% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
#cd-nav li a {
    color: #444444;
    font-size: 19px;
    text-decoration: none !important;
}