@media screen and (max-width: 1280px) {
    header #menu {
        grid-column: 6 / 20;
    }
    footer {
      height: 360px;
    }
    footer .column1, footer #column1 {
       grid-column: 2 / 8;
       grid-row: 1;
        /*background: #006558;*/
    }
    footer .column2, footer #column2 {
       grid-column: 9 / 15;
       grid-row: 1;
       /* background: #006558;*/
    }
    footer .column3, footer #column3 {
       grid-column: 15 / 21;
       grid-row: 1;
       /* background: #006558;*/
    }
    footer .column4, footer #column4 {
       grid-column: 21 / 24;
       grid-row: 1;
       /* background: #006558;*/
    }
    footer #copyright {
       /* grid-column: 1 / 9;
        grid-row: 3;
        margin-top: 15px;
        padding-top: 0;
        position: relative;*/
    }
}

@media screen and (max-width: 1098px) {
    header #menu {
        grid-column: 6 / 21;
    }

    header #miniweer {
        grid-column: 21 / 23;
    }
    header #favorites {
        grid-column: 22 / 23;
    }
    header #usermenu {
        grid-column: 23 / 24;
    }
	.weer article #content {
        grid-column: 1/ 34;
	}
	.weer article #sidebar-right {
        grid-column: 35 / 48;
	}
}

@media screen and (max-width: 900px) {
   body {
        margin: 0px;
        width: 100%;
   }    
   header {
        grid-template-columns: repeat(8, 1fr);
        grid-row: 1;
        margin: 5px 0 16px 0;
   }
   header #logo {
	    grid-column: 1 / 6;
	    grid-row: 1 ;
   }
   header #favorites {
	    grid-column: 6 / 7;
	    grid-row: 1 ;
        margin: 4px auto auto auto;
   }
   header #usermenu {
        grid-column: 7 / 8;
        grid-row: 1 ;
        margin: 4px auto auto auto;
   }
   header #miniweer {
	    grid-column: 7 / 8;
        grid-row: 1 ;
        margin: 4px auto auto 0;
   }
   header #hamburger {
        grid-column: 8 / 9;
        grid-row: 1 ;
        z-index: 110;
   }
   header #searchbox {
	    grid-column: 1 / 9;
	    grid-row: 2 ;
        margin: 0px 10px;
        padding: 0 10px 0 0 ;
   } 
   header #menu {
	    grid-column: 1 / 9;
        grid-row: 1;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 100;
        background-color: #0000005e;
        width: 100vW;
        height: 100vH;
        padding: 0px;
   }  
    
   article {
        grid-area: article;
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        grid-column: 1 / 9;
        margin-top: 0px;
    }   
    article #sidebar-left {
        grid-template-columns: repeat(8, 1fr);
        display: none;
    }
    article #content {
        grid-column: 1 / 9;
        grid-row: 1;
    }
    article #sidebar-right {
		grid-column: 1 / 9!important;
        /*grid-template-columns: repeat(8, 1fr);*/
        /*display: none;*/
		grid-row: 4!important;
    }
    article #contenthead {
        grid-column: 1 / 9!important;
        grid-row: 1!important;
    }
    article #sidebar-right-top {
        grid-column: 1 / 9!important;
        grid-row: 2!important;
    }
    article #content {
        grid-column: 1 / 9!important;
        grid-row: 3!important;
    } 
    
     ahblock {
        grid-template-columns: repeat(8, 1fr);
    }
    ahblock .column1, ahblock #column1 {
        display: none;
    }
    ahblock .column2, ahblock #column2 {
        grid-column: 1 / 9;
        grid-row: 1;
        padding: 0px;
        margin: 0 10px 0 20px;
    }
    ahblock .column2 h1, ahblock #column2 h1 {
        font-size: 22px;
    }
    ahblock .aanmeldennieuwsbrief {
        grid-column: 2 / 8;
        width:96%;
    }
    
    footer {
      padding: 0;
      height: 570px;
      background: #006558;
      grid-area: footer;
      display: grid;
      grid-template-columns: repeat(8, 1fr);   
      padding-top: 25px;
      padding-bottom: 10px;
      margin-bottom: 10px;
    }
    footer .column1, footer #column1 {
        grid-column: 1 / 3;
        grid-row: 1;
        background: #006558;
    }
    footer .column2, footer #column2 {
        grid-column: 3 / 5;
        grid-row: 1;
        background: #006558;
    }
    footer .column3, footer #column3 {
        grid-column: 5 / 7;
        grid-row: 1;
        background: #006558;
    }
    footer .column4, footer #column4 {
        grid-column: 7 / 9;
        grid-row: 1;
        background: #006558;
    }
    footer #copyright {
        grid-column: 1 / 9;
        grid-row: 2;
        margin-top: 0;
        padding-top: 15px;
        background-color: #FFF;
        position: relative;
    }
}

@media screen and (max-width: 768px) {   
   slogan {
        padding: 0px;
        height: 84px;
        grid-template-columns: repeat(8, 1fr);
   }
   slogan .column1, slogan .column3, slogan #column1, slogan #column3 {
        display: none;
   }
   slogan .column2, slogan #column2 {
        grid-column: 1 / 9;
        grid-row: 1;
   }
    
   submenu {
        grid-template-columns: repeat(8, 1fr);
        display: none;
   }

   selectie {
        padding: 0px;
        color: #808080;
        border-bottom: solid 1px rgba(34, 34, 34, 0.2);
        grid-area: selectie;
        display: grid;
        grid-template-columns: repeat(8, 1fr);
    }
    selectie #column1 {
        grid-column: 1 / 9;
        grid-row: 1;
        margin: 10px 10px!important;
        padding: 0 10px 0 0;
    }
    selectie #column2 {
        grid-column: 1 / 9;
        grid-row: 2;
        margin: 0px 10px!important;
        padding: 0 10px 0 0;
    }
    
    article {
        grid-area: article;
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        grid-column: 1 / 9;
        margin-top: 0px;
    }   
    article #sidebar-left {
        grid-template-columns: repeat(8, 1fr);
        display: none;
    }
    article #content {
        grid-column: 1 / 9;
        grid-row: 1;
    }
	article #sidebar-right {
		grid-column: 1 / 9!important;
        /*grid-template-columns: repeat(8, 1fr);*/
        /*display: none;*/
		grid-row: 4!important;
    }
    article #contenthead {
        grid-column: 1 / 9!important;
        grid-row: 1!important;
    }
    article #sidebar-right-top {
        grid-column: 1 / 9!important;
        grid-row: 2!important;
    }
    article #content {
        grid-column: 1 / 9!important;
        grid-row: 3!important;
    }
    
    map {
        grid-area: map;
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        grid-column: 1 / 9;
        margin-top: 0px;
    }
    
    werkenbij {
        grid-area: werkenbij;
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        grid-column: 1 / 9;
        margin-top: 0px;
    }
    werkenbij #content {
        grid-column: 1 / 9!important;
        grid-row: 1!important;
    }
    
    
  /* article #sidebar {
        grid-column: 2 / 7;
        grid-row: 1 / 4;
        padding-top: 20px;
        margin-right: 30px;
        background-color: #fff;
    }*/
   /* article #metadata {
        grid-column: 1 / 7;
        grid-row: 1 / 2;
        padding-top: 20px;
    }
    article #functies {
        grid-column: 1 / 7;
        grid-row: 2 / 3;
    }
    article #sidebar-left {
        display: none;
        grid-template-columns: repeat(8, 1fr);
        grid-column: 1 / 8;
	    grid-row: 1 ;
    } 
    article #content {
        grid-template-columns: repeat(8, 1fr);
        grid-column: 1 / 9;
	    grid-row: 2 ;
        margin: 0 10px;
    }
    article #sidebar-right {
        grid-template-columns: repeat(8, 1fr);
        grid-column: 1 / 9;
	    grid-row: 3 ;
        margin: 0 10px;
    } 
/*
   submenu #column1 {
	    grid-column: 1 / 9;
        margin: 4% auto;
   }
   submenu #column1 p {
        margin: 0 auto;
   }
   submenu #column1 .fa-check-circle.text-right {
	    margin-left: 0px!important;
   }
   submenu #column1 .text-right.hidden {
	    display: none;
   }*/
    /*
  
       

   block1 {
        grid-template-columns: repeat(8, 1fr);
   }
   block1 #column1 {
        /* nieuws *
        grid-column: 2 / 9;
        grid-row: 1 ;
        padding: 0px;
        margin-right: 20px;
    }
    block1 #column2 {
        grid-column: 2 / 9;
        grid-row: 2;
        padding: 0px;
        margin-right: 20px;
    }
    block1 #column2 .logoblock {
        width: 55px;
        margin-right: 25px;
    }
    block1 #column2 img {
        padding-right: 20px;
    }
    
    block2 {
        grid-template-columns: repeat(8, 1fr);
        margin: 30px 0px 10px 0px;
    }
    block2 #weather {
        grid-column: 1 / 9;
        grid-row: 1 /2 ;
        padding: 0px;
    }
    block2 #weather {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        margin: 0 10px;
        .evenement {
            flex: 0 0 auto;
        }
    }
    block2 .weatherbox {
        height: 180px!important;
        min-width: 125px!important;
    }
    block2 #weathernow {
        min-width: 250px!important;
        margin-bottom: 10px;
    }
    block2 #weathernow div {
        margin: 0 0 0 10px;
    }
    block2 #forcast {
        grid-column: 2 / 9;
    }
    block2 #forcast .navbutton{
        margin-left: 0px;
    }
    
    block3 {
        grid-template-columns: repeat(8, 1fr);
    }
    block3 #titel {
        grid-column: 2 / 9;
        grid-row: 1 ;
        padding: 0px;
    }
    block3 #agenda {
        grid-column: 1 / 9;
        grid-row: 2 ;
        padding: 0px;
    }
    block3 #agenda {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        margin: 0 10px;
        .evenement {
            flex: 0 0 auto;
        }
    }
    block3 #agenda .evenement {
        margin-bottom: 10px;
        padding-right: 15px;
    }
    block3 #viewfullagenda {
        grid-column: 2 / 9;
        grid-row: 3 ;
    }
    
    block4 {
        grid-template-columns: repeat(8, 1fr);
    }
    block4 #column1 {
        grid-column: 1 / 9;
        grid-row: 1 ;
        padding: 0px;
        margin: 0 20px;
    }
    block4 #column2 {
        grid-column: 1 / 9;
        grid-row: 2;
        display: none;
        padding: 0px;
        margin: 0 auto;
    }
    */
   /* ahblock {
        grid-template-columns: repeat(8, 1fr);
    }
    ahblock #column1 {
        display: none;
    }
    ahblock #column2 {
        grid-column: 1 / 9;
        grid-row: 1;
        padding: 0px;
        margin: 0 10px 0 20px;
    }
    ahblock #column2 h1 {
        font-size: 22px;
    }
    ahblock .aanmeldennieuwsbrief {
        grid-column: 2 / 8;
        width:96%;
    }*/
    
   /* footer {
        grid-template-columns: repeat(8, 1fr);
        height: 620px;
    }
    footer p {
        font-size: 14px;
    }
    footer #column1 {
        grid-column: 1 / 5;
        grid-row: 1 ;
        padding: 0px;
        margin: 0 20px;
    }
    footer #column2 {
        grid-column: 5 / 9;
        grid-row: 1 ;
        padding: 0px;
        margin: 0 20px;
    }
    footer #column3 {
        grid-column: 1 / 5;
        grid-row: 2 ;
        padding: 0px;
        margin: 0 20px; 
    }
    footer #column4 {
        grid-column: 5 / 9;
        grid-row: 2 ;
        padding: 0px;
        margin: 0 20px;
    }
    footer #copyright {
        grid-column: 1 / 9;
        grid-row: 3 ;
        padding: 0px;
        margin: 80px 20px 0;
    }
    footer #copyright img {
        width: 197px!important;
        margin: 0!important;
    }*/
    
    footer {
      padding: 0;
      height: 340px;
      background: #006558;
      grid-area: footer;
      display: grid;
      grid-template-columns: repeat(8, 1fr);   
      padding-top: 25px;
      padding-bottom: 10px;
      margin-bottom: 10px;
    }
    footer .column1, footer #column1 {
        grid-column: 1 / 5;
        grid-row: 1;
        background: #006558;
    }
    footer .column2, footer #column2 {
        grid-column: 5 / 9;
        grid-row: 1;
        background: #006558;
    }
    footer .column3, footer #column3 {
        grid-column: 1 / 5;
        grid-row: 2;
        background: #006558;
    }
    footer .column4, footer #column4 {
        grid-column: 5 / 9;
        grid-row: 2;
        background: #006558;
    }
    footer #copyright {
        grid-column: 1 / 9;
        grid-row: 5;
        margin-top: 0;
        padding-top: 0;
        position: relative;
    }
    
    .container {
	  /*max-width: 600px;*/
	  margin-left: auto;
	  margin-right: auto;
      display: grid;
      grid-gap: 0px;
      grid-template-columns: 8fr;
      grid-template-areas:
        "header"
        "slogan"
        "submenu"
        "selectie"
        "#contenthead"
        "article"
        "ahblock"
        "footer";
    }
}

@media only screen and (max-width: 600px) {
    footer {
      padding: 0;
      height: 340px;
      background: #006558;
      grid-area: footer;
      display: grid;
      grid-template-columns: repeat(8, 1fr);   
      padding-top: 25px;
      padding-bottom: 10px;
      margin-bottom: 10px;
    }
    footer .column1, footer #column1 {
        grid-column: 1 / 9;
        grid-row: 1;
        background: #006558;
    }
    footer .column2, footer #column2 {
        grid-column: 1 / 9;
        grid-row: 2;
        background: #006558;
    }
    footer .column3, footer #column3 {
        grid-column: 1 / 9;
        grid-row: 3;
        background: #006558;
    }
    footer .column4, footer #column4 {
        grid-column: 1 / 9;
        grid-row: 4;
        background: #006558;
    }
    footer #copyright {
        grid-column: 1 / 9;
        grid-row: 5;
        margin-top: 0;
        padding-top: 0;
        position: relative;
    }
}