/**
  Responsive framework 1.0
  GGD Amsterdam
  2014  

/*******************************************/
/***   SCREENS WIDER THAN 1025 PIXELS    ***/
/*******************************************/

@media only screen and (min-width: 1025px) {
/* plaats hier de css code voor alles boven tablets in landscape mode, breedte website is minimaal 1025 pixels */
.container_12_margin .grid.last_responsive { margin-right: 0px; }
}

/*******************************************/
/*** SCREENS BETWEEN 981 AND 1024 PIXELS ***/
/*******************************************/

@media only screen and (min-width: 981px) and (max-width: 1024px) {
/* plaats hier de css code voor tablets in landscape mode, breedte website is 1024 pixels */
.container_12_margin .grid.last_responsive { margin-right: 0px; }
}

/*******************************************/
/*** SCREENS BETWEEN 768 AND 980 PIXELS  ***/
/*******************************************/

@media only screen and (min-width: 768px) and (max-width: 980px) {
/* plaats hier de css code voor tablets in portrait mode, breedte website is 768 pixels */
.container_12_margin { width: 620px; }
.container_12_margin .grid_3 { width: 290px; }
.container_12_margin .grid_5 { width: 620px; }
.container_12_margin .grid_6 { width: 620px; }
.container_12_margin .grid_7 { width: 620px; }
.delimiter { border-left-style: none; border-top: 2px solid #000; }
}

/*******************************************/
/*** SCREENS BETWEEN 480 AND 767 PIXELS  ***/
/*******************************************/

@media only screen and (min-width: 480px) and (max-width: 767px) {
/* plaats hier de css code voor smartphones in landscape mode, breedte website is 480px */
.container_12_margin { width: 620px; }
.container_12_margin .grid_3 { width: 320px; }
.container_12_margin .grid_5 { width: 620px; }
.container_12_margin .grid_6 { width: 620px; }
.container_12_margin .grid_7 { width: 620px; }
.delimiter { border-left-style: none; border-top: 2px solid #000; }
}

/*******************************************/
/***   SCREENS SMALLER THAN 479 PIXELS   ***/
/*******************************************/

@media only screen and (max-width: 479px) {
/* plaats hier de css code voor smartphones in portrait mode, maximale breedte 320px */
.container_12_margin { width: 380px; }
.container_12_margin .grid_3 { width: 380px; }
.container_12_margin .grid_5 { width: 380px; }
.container_12_margin .grid_6 { width: 380px; }
.container_12_margin .grid_7 { width: 380px; }
.delimiter { border-left-style: none; border-top: 2px solid #000; }
}