.singlemicroelement .articlelist { margin: 15px; margin-bottom: 25px;}
.singlemicroelement .articlelist.type2 { margin: -5px; margin-bottom: 25px;}
.singlemicroelement .articlelist .articledata { padding: 15px; background: none;  }
.singlemicroelement .articlelist:nth-child(odd) .articledata { background: #f0f0f0; }

.singlemicroelement .articlelist .articleimage { padding: 0px; }
.singlemicroelement .articlelist .articleimage img { width: 100%; height: auto; }


.articlelist .title { margin-bottom: 1.2em; }
.articlelist .title a { color: #222; }
.articlelist .title a:hover { color: #09a223; }


.articlelist.type2 .imagegap {  }
.articlelist.type2 .description { max-height: 180px; overflow: hidden; }

.articlelist.type2 .description a { color: #222; }

.articlelist.type2 .extragap2 { padding: 25px 25px 25px 25px; }

.articlelist.type2 .extragap2 a { color: #222; }
.articlelist.type2 .extragap2:hover a { color: #222; }
.articlelist.type2 .extragap2:hover .description a { color: #222; }

.articlelist.type2 .extragap2.white a { color: #222; }
.articlelist.type2 .extragap2.white:hover a { color: #222; }
.articlelist.type2 .extragap2.white:hover .description a { color: #222; }

.articlelist.type3 .extragap2.white .title a { color: #09a223; }
.articlelist.type3 .extragap2.white:hover a { color: #222; }
.articlelist.type3 .extragap2.white:hover .description a { color: #222; }

.articlelist.type2 .extragap2.green a { color: #fff; }
.articlelist.type2 .extragap2.green:hover a { color: #fff; }
.articlelist.type2 .extragap2.green:hover .description a { color: #fff; }

.articlelist.type2:hover .datalink { color: #fff; }
.articlelist.type2 .extragap2:hover .datalink { color: #fff; }
.articlelist.type2 .extragap2 .readmore a i:before { margin-top: 9px; }

.articlelist.type2 .title { margin-bottom: 1.2em; font-size: 1.2rem; }


.articlelist.type21 .extragap2 { margin: 0px; padding: 0px;}
.articlelist.type21 .title { margin: 25px; }
.articlelist.type21 .title a { color: #111; }
.articlelist.type21 .description { margin: 25px; }



@media screen and (min-width: 1191px) {

  .articlelist.type2 .title, .articlelist.type3 .title { margin-bottom: 1.2em; font-size: 1.2rem; }

}

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

  .articlelist.type2 .title, .articlelist.type3 .title { margin-bottom: 1.2em; font-size: 1.6vw; }

}

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

  .articlelist.type2 .title, .articlelist.type3 .title { margin-bottom: 1.2em; font-size: 2.6vw; }

}


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

  .articlelist.type2 .title, .articlelist.type3 .title { margin-bottom: 1.2em; font-size: 2.6vw; }

}

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

  .articlelist.type3 .title { margin-bottom: 1.2em; font-size: 4vw; }
  .articlelist.type2 .title { margin-bottom: 1.2em; font-size: 4vw; }

}