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

.newscontainer { /*groot*/
width: 30.0625em; 
height: auto; 
text-align: center; 
display: flex; 
flex-direction: column; 
align-items: center; 
margin: auto;
margin-bottom: 2em;
background-color:#fffcfb;
}

.top-newscontainer{/*groot*/
 } 
 
.newshead { /* groot*/ 
text-align:center;
color: #ff0000;
font-size:1em;
font-weight:bold;
}
 
 .newsseperator {/*groot*/
 border-top: 0.4em solid  #fafafa;
 width:100%;
 height:0.4em;
 margin: auto;
 margin-top:0.1em;
 margin-bottom:0.1em;
}
 
  .newsfoto {/*groot*/
width: 28.0625em;
height:auto;
border-radius: 5px;
 object-fit: cover; /* of contain, afhankelijk van je doel */
  /* object-fit: contain; /* of cover , afhankelijk van je doel */
}
 

.bottom-newscontainer { /*groot*/
width: 100%;
max-width: 100%;
height: auto;
padding: 0.5em;
text-align:center;
background: inherit;
display: block; /* geen flex-centrering */ 
text-align: center; /* centreren via tekst */ 
overflow: hidden; /* voorkomt uitsteken */
box-sizing: border-box;

/*border: 1px solid #000;*/
} 

.newsico {/*groot*/
border-radius:0.8px;
width:2.2em;
height:0.9em;
margin-right:2em;
}

 .newsdatum {/*groot*/
text-align:left;
color: #6b6b6b;
font-size:0.8em;
}

.newstitel {/*groot*/
color: #6b6b6b;
font-size:1em;
text-align:left;
margin-top:0.5em;
}

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

.newscontainer { /*klein*/
width:99%; 
height: auto; 
text-align: center; 
display: flex; 
flex-direction: column; 
align-items: center; 
margin: auto;
margin-bottom: 2em;
background-color:#151515; 
}

.top-newscontainer{/*klein*/
 } 
 
.newshead { /* klein*/ 
text-align:center;
color: #ff0000;
font-size:1em;
font-weight:bold;
}
 
 .newsseperator {/*klein*/
 border-top: 0.4em solid  #fafafa;
 width:90%;
 height:0.3em;
 margin: auto;
 margin-top:0.1em;
 margin-bottom:0.1em;
 /* border-top: 0.4em solid  #fafafa;*/
}
 
.newsfoto {/*klein*/
width: 98%;
height:auto;
border-radius: 5px;
 object-fit: cover; /* of contain, afhankelijk van je doel */
  /* object-fit: contain; /* of cover , afhankelijk van je doel */
}
 
.bottom-newscontainer { /*klein*/
width: 99%;
max-width:99%;
height: auto;
padding: 0.5em;
text-align:center;
background: inherit;
display: block; /* geen flex-centrering */ 
text-align: center; /* centreren via tekst */ 
overflow: hidden; /* voorkomt uitsteken */
box-sizing: border-box;
} 

.newsico {/*klein*/
border-radius:0.8px;
width:2.2em;
height:0.9em;
margin-right:2em;
}

.newsdatum {/*klein*/
text-align:left;
color: #ffffff;
font-size:0.8em;
}

.newstitel {/*klein*/
color: #ffffff;
font-size:1em;
text-align:left;
margin-top:0.5em;
}
}