body,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: "Lato", sans-serif;
    }

    body,
    html {
        height: 100%;
        color: #777;
        line-height: 1.8;
    }

    /* Create a Parallax Effect */
    .bgimg-1,
    .bgimg-2,
    .bgimg-3,
    .bgimg-4,
    .bgimg-5 {
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    /* First image (Logo. Full height) */
    .bgimg-1 {
        background-image: url('../img/jerzens_sommer.jpg');
        min-height: 400px;
    }

    /* Second image (Portfolio) */
    .bgimg-2 {
        background-image: url("../img/verzameling.jpg");
        min-height: 400px;
    }

    /* Third image (Baksels) */
    .bgimg-3 {
        background-image: url("../img/baksels.jpg");
        min-height: 400px;
    }

    /* Fourth image (Contact) */
    .bgimg-4 {
        background-image: url("../img/jerzens_sommer.jpg");
        min-height: 400px;
    }

        /* Fifth image (Ray) */
        .bgimg-5 {
            background-image: url("../img/matrix.jpg");
            min-height: 350px;
        }

    .w3-wide {
        letter-spacing: 10px;
    }

    .w3-hover-opacity {
        cursor: pointer;
    }


    /* Turn off parallax scrolling for tablets and phones */
    @media only screen and (max-device-width: 1024px) {
        .bgimg-1,
        .bgimg-2,
        .bgimg-3,
        .bgimg-4,
        .bgimg-5 {
            background-attachment: scroll;
        }
    }

.ray-voorraad-ja
{
    background-color: #339966;
    color: white;
}

.ray-voorraad-nee
{
    background-color: #996699;
    color: white;
}

.ray-nicefont
{
    font-family: 'Merienda One', cursive;
}


.ray-formulier
{
    color: #996699;
}