/* (mobile, 768px and down) */
@media (max-width: 767px) {

.wrapper{
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
    margin:0px 0px;
    width: 100%;
}

    
.newswrapper{
    grid-gap: 0px;
    grid-template-columns: 1fr 1fr;}

/*NAVIGATION*/
.navbar{padding:0px;}
.navbar-header{height:auto; border:0px;}
.navbar-brand img{height:45px; width:auto; margin-top:30px; margin-left: 15px;}
a.navbar-brand{text-decoration: none; padding: 15px 30px; height: auto; position: relative;}
.navbar-toggle{margin-right:20px;}
.sofbrand{text-decoration: none; color:#0072bb; display: block;}
.sofbrand h2{font-size:60px; line-height:50px; font-weight: 700; display: inline-block; letter-spacing: -0.08em; margin:0px 5px 0px 0px; padding: 0px 0px 0px 0px;}
.sofbrand h3{text-align:left; text-transform: uppercase; font-size:15px; font-weight:700; letter-spacing: 0.3em; margin-left:2px;} 
.sofbrand ul{display: inline-block;}
.sofbrand ul li{font-size: 11px; list-style: none; text-align: left; line-height: 12px;}
.sofbrand ul li span{font-weight:700;}

    
.navbar-collapse{padding-left:0px; padding-right:0px;}
.navbar-toggle span{font-size:16px; line-height:20px; text-transform:uppercase; margin-top:20px; color:#0072bb;}
/*ul.nav, ul.navbar-nav, ul.navbar-right{overflow:hidden;}*/

.navbar ul{padding:0px 0px; margin:0px 0px; z-index: 100;}
.navbar ul li a{color:#000; border-bottom:1px solid #f4f4f4; padding:15px 30px; margin:0px 0px; font-size:1.2em;}
.navbar ul li ul li a{color:#000;}
.navbar ul li a:hover{ color:#000; border-bottom:1px solid #eaeaea;}
.navbar ul li.open ul.dropdown-menu{background:#f7f7f7; display:block; float:none; position:relative; margin-top:0px;}
.navbar ul li ul.dropdown-menu li{display: block;}
.navbar ul li ul.dropdown-menu li a:hover{ color:#353434; padding:0p;}
.nav .open > a, .nav .open > a:hover, .nav .open>a:focus{background-color:#FFF!important; color:#353434;}
.arrow_box:after{bottom:0; left:0; border:solid transparent; content:"";
	height:0; width:0; border-width:0px; margin-left:0px; display:none;}
.dropdown-menu, .nav > li > a:focus, .nav > li > a:hover {-moz-border-radius:0px; -webkit-border-radius:0px; -khtml-border-radius:0px; border-radius:0px; border:0px;}

.nav{height: auto;}
.nav .open > a, .nav .open > a:hover, .nav .open>a:focus{border-bottom:2px solid #0072bb;}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{border-bottom:2px solid #0072bb;}
.nav > li > a:focus, .nav > li > a:hover {border-bottom:2px solid #0072bb;}

/*------------------------  HEADER ---------------------------*/
    .mheaderlogo{
        display: none;
    }
    .paginaheaderimg{
        width: 100%;
    }
.mainheader{
    background:#01aae3;
    color:#fff;
}
.mheadertekst{
    border:0px; 
    margin:0px; 
    padding:30px;
}
    
.mheaderbuttons{
    display: flex;
    flex-wrap: wrap;
    margin: 0px 0px 0px 0px!important;
    padding: 30px 30px 30px 30px;
    text-align: center;
    background: #0072bb;
    justify-content: center;
}

.container-fluid{
    padding-left:0px; 
    padding-right:0px;
}

    .vcenter{ display:block!important;}
        
/* -------------------- INTRO -------------------- */
    
.intro{
    display: block;
    height: auto;
}

/*INTRO IMG*/
.introimg{
    height: auto;
    width: 100%;
    display: block;
}

     .introimg h3{
         font-size:35px;
         padding: 60px;
    }

/*INTRO TEXT*/
.introtext{
    padding: 60px;
    display: block;
    height: auto;
    width: 100%;
}

.introtext{ padding: 30px;}
.actpro{padding: 10px;}
.newsitemimg{height:150px;}


.maincontent{ padding: 30px;}
    
.siz{
    text-align: center;
    -moz-box-align: center!important;
    align-items: center!important;
    display: flex!important;
}

.siz h3{
    width:100%;
}


.paginaheaderimg{padding-left:0px; padding-right:0px;}
.paginaheaderimg{overflow: hidden; min-height: 30vh; max-height: 200px;}
.paginaheaderimg img{
    left: 0;
    margin-right: 0%;
    position: absolute;
    top: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    z-index: 0;}
    
    
footer{text-align:center; padding: 20px 0px;}
footer ul li{font-size: 12px; line-height: 22px; font-style: italic; padding:0px; display:block; color:#888; margin: 0px 8px; position: relative;}    
footer ul li+li:after{display: none;}

/* -------------------- OVERIG -------------------- */
div.main div[style]{ width: 100%!important; margin:5px 0px;}
.ccm-layout-col {float: none !important; width: 100% !important;}
.ccm-layout-col-spacing {padding: 5px 0px !important; margin:0px!important;}
    
    
}

@media (max-width: 350px) {
    
.newsitemimg{height:120px;}
    
}