.news {
  background:#efefef;
  margin-bottom:20px;
  padding:15px 15px 18px 15px;
  min-height:195px;
  width:100%;
}
.dnd-column,
.dnd-section,
.dnd-section .dnd-column
{
  padding:0
}
.news img {
  width:100px;
  display:block;
 // margin:0 auto;
 }
h1 {
  font: 700 1.3rem/1.1 "Open Sans";
  margin-top:2em
}
.news h2 {
  font: 700 .9rem/1.3 "Open Sans";
  color:#000;
  margin:0 0 .5em 0;
  letter-spacing:.-05em
  }
.news h3 {
  font: 600 .55rem/1.3 "Open Sans";
  color: #007b79;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin: .2em 0 .8em
}
.newstext p {
  font: 300 .75rem/1.4 "Open Sans";
  margin: 0 0 .5em 0;
}
      @media screen and (min-width: 400px) {


      

.news img {
  width: 160px;
  float:left;
  margin:  0 20px 10px 0px;
}
.news h2 {
  font: 700 .9rem/1.3 "Open Sans";
  color:#000;
  margin:0 0 .5em 0;
  letter-spacing:.-05em
  }
.news h3 {
  font: 600 .55rem/1.3 "Open Sans";
  color: #007b79;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom:.3em
}
.newstext p {
  font: 300 .75rem/1.4 "Open Sans";
  margin: 0 0 .5em 20px
}
.newstext p a {
  color:#000;
  border-bottom: 1px solid #666
}
.newstext p a:hover {
  border-bottom:0;
}
        }
      @media screen and (min-width: 900px) {
          .news {
            display:grid;
            grid-template-columns: 220px auto;
          }
          .news img {
            width: 160px;
            float:none;
            margin: 0 20px 10px 20px;
          }
          .news h2 {
            font-size:1rem;
            }
          .news h3 {
            font-size:.6rem;
          }
          .newstext p {
            font: 300 .75rem/1.4 "Open Sans";
            margin-left:0;
        }
      }