@media screen and (max-width: 768px)
{




    header
    {
        height: 100px;
    }

        header .logo
        {
            text-align: left;
        }

    h1
    {
        font-size: 35px;
    }



    .navbutton
    {
        display: block;
        position: absolute;
        right: 15px;
        top: 32px;
    }

    nav
    {
        position: absolute;
        margin: 0px;
        padding: 0px;
        top: 0px;
        left: 0px;
        width: 100%;
        display: none;
        z-index: 99;
    }

        nav ul
        {
            margin: 0px;
            padding: 0px;
        }

            nav ul li
            {
                float: none;
                width: 100%;
                padding: 0px;
                margin: 0px;
                text-align: center;
                padding: 8px 0px 8px 0px;
                border-bottom: 1px solid #8a221b;
                border-top: 0px;
                background-color: #2a2e33;
            }

                nav ul li a
                {
                    font-size: 12px;
                    padding: 5px;
                }

                nav ul li:hover, nav ul li.active
                {
                    border-top: 0px;
                }



    /*****************BANNER****************/
    .banner .contentcontainer h1
    {
        font-size: 36px;
    }

    .banner .contentcontainer p
    {
        font-size: 18px;
    }


    .homePics li.sliderItem
    {
        width: 46%;
    }

    /*********************SFEERBEELDEN***********************/
    ul.impressionimageslist li
    {
        width: 48%;
    }

    /****************EVENTS*******************/
    .events .contentcontainer
    {
        width: 98%;
        padding-left: 1%;
        padding-right: 1%;
    }

    .buttoncontainer
    {
        text-align: center;
    }

    .bigbutton
    {
        font-size: 12px !important;
    }


    /******************PROFILE****************/
    .profile .contentcontainer .form input[type=text], .profile .contentcontainer .form input[type=password], input.number, input.bus
    {
        padding: 22px 2% 22px 15%;
        width: 83% !important;
    }

  

    .radiogroup
    {
        width: 97%;
        padding: 12px 2% 12px 1%;
       
    }
}