/* NEW NEWS */
:root {
    --section_head_color: #fff;
    --section_bghead-start:  #191919;
    --section_bghead-end: #545454;
    --section_bg-start: #ccccff;
    --section-bg-end:  #ddddff;
    --article-color: #330099;
    --section-hr:   #001100;


}
/* main {
    width: 80vw;
    margin: 0 auto;
    background-color: #888;
} */
.bern {
    margin: 3px auto;
  
}
.bern h2 {
      margin: 5px 5px;
}
.bern ul {
   display: grid;
   grid-column-gap: 1rem; 
  padding: 2px 5px;
 
}
.bern li {
    /*background: linear-gradient(45deg, #b9e9b9, #e5ffe5);  green */
      background: linear-gradient(45deg, var(--section_bg-start), var(--section-bg-end));
    margin: 5px 2px;
    list-style: none;
    padding: 2px 2px 5px 2px;
} 
.bern .wide {
    grid-column: 1 / span 2  ;
   
}

.bern h3 {
    color: var(--section_head_color);
    background: linear-gradient(45deg, var(--section_bghead-start),var(--section_bghead-end));
    box-shadow: 5px 5px 5px  #001100;
    display:inline-block; 
    text-transform: uppercase;
    padding: 2px 5px;
    margin: 4px 2px 4px 2px;
    
}
.bern hr {
    margin: -5px 2px 10px 2px;
     border-top: 2px solid var(--section-hr);
}
.bern img {
    float:left;
    margin: 2px 5px 4px 4px;
    width:200px;
}
.bern article {
    margin: 5px 4px 10px 4px;
}
.bern h4 {
    margin: 8px 2px 4px 2px;
    font-size: 1.2rem;
    line-height: 1.0;
   
    color: var(--article-color);
}
.bern a {
    text-decoration: none;
}
.bern a:link {
    color: var(--article-color);
}
.bern a:visited {
  color:  var(--article-color);
}
.bern p {
     margin: 4px 2px;
}
@media (min-width: 900px) { 
    .bern ul {
          grid-template-columns: repeat(2, 1fr);
    }   
   
  }