.newswrapper{
    display: flex;  
    flex-direction: column;
    align-items: center;
}

.newsitem{
    display: flex;  
    flex-direction: row;
    align-items: stretch;   
    min-height: 24rem;
    text-decoration: none;
    max-width: 60rem;
}

@media only screen and (min-width: 480px) and (max-width: 979px){
  .newsitem{
    max-width: 54rem;
  }
}

@media only screen and (max-width: 479px){
  .newsitem{  
    min-height: 0;
  }
}

.newsitemdistance{
 	flex-grow: 2;
 	flex-basis: 7%;
 	min-width: 10rem;
}

@media only screen and (max-width: 479px){
  .newsitemdistance{
    flex-basis: 3%;
    min-width: 0;
  }
}

.newsitemtopdistance{
	height:2rem;
}

.newsitemimagewrapper{
  
 	-webkit-flex-basis: 35%;
  -moz-flex-basis: 35%;
  -o-flex-basis: 35%;

  -ms-flex-preferred-size: 300px;

  max-height: 200px;
  margin-top: 2rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-left:4%;
}

@media only screen and (min-width: 480px) and (max-width: 979px){
  .newsitemimagewrapper{
    /* flex-basis: 43%; */
  }
}

@media only screen and (max-width: 479px){
  .newsitemimagewrapper{
    display: none;
  }
}

.newstextwrapper{
  
	-webkit-flex-basis: 64%;
  -moz-flex-basis: 64%;
  -o-flex-basis: 64%;
  flex-basis: 64%;

  -ms-flex-preferred-size: 600px;

  display: flex;  
  flex-direction: column;
  padding-left:4%;
  padding-right: 4%;
}

@media only screen and (min-width: 480px) and (max-width: 979px){
  .newstextwrapper{
    flex-basis: 53%;
  }
}

@media only screen and (max-width: 479px){
  .newstextwrapper{
    flex-basis: 100%;
  }
}

/*   
.newsItemImage{
  	width: 20rem;
  	height: 15rem;
  	background-repeat: no-repeat;  
    object-fit: cover;
  	object-position: 50% 50%;
}
*/
.newsItemDate{	
	/*color:#ff7900;*/
   color:#202020;
  	text-transform:uppercase;
  	font-weight:400;
  	font-size:0.9rem;   
}  

.newsItemTitle{
	color:#202020;
  	font-weight:600;
  	font-size:1.4rem; 
  	padding-top: 0;
  	padding-bottom: 1rem;   
}
   
@media only screen and (max-width: 479px){
  .newsItemTitle{
    line-height: 1.6;
  }
} 

.newsItemText{
   min-height: 10rem;
}

@media only screen and (max-width: 479px){
  .newsItemText{
    line-height: 1.6;
  }
} 
   
.newsItemLine{
    height: 0.1rem;
    width: 30%;
    background-color:#ff7900;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

@media only screen and (max-width: 479px){
  .newsItemLine{
    margin-top: 1rem;
    margin-bottom: 1.5rem;
  }
} 

.allnews{
    display: flex;  
    flex-direction: row;
    justify-content: center;   
    height: 2rem;
    font-size:1.8em;
    text-decoration: none;
    color:#000000;
}