.clearfix {
  display: table;
  clear: both; }

.articles-inner H1 {
  font: 48px/35px pt_sans_bold;
  color: #009976;
  padding-bottom: 52px;
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 0; }
.articles-inner .rectangle {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 10px -4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 5px 5px 10px -4px rgba(0, 0, 0, 0.2);
  box-shadow: 5px 5px 10px -4px rgba(0, 0, 0, 0.2);
  background: url(/img/leaf.png) 90px 70px no-repeat;
  border: 1px solid #008c6c;
  padding: 35px 76px 35px 50px;
  background-color: #009976;
  color: #fff;
  font: 18px/1.3em pt_sans_bold;
  position: relative;
  margin-bottom: 75px;
  clear: both;
  display: table; }

.articles-item {
  margin-bottom: 95px;
  width: 43%;
  display: inline-block;
  margin-right: 5%;
  vertical-align: top; }
  .articles-item .articles-wrapper_img {
    height: 240px;
    max-width: 100%;
    border-radius: 10px;
    margin: 0 auto 15px;
    overflow: hidden;
    background: url("/img/articles/flower_articles.jpg") no-repeat center center;
    -webkit-background-size: 100%;
    background-size: 100%; }
  .articles-item H3 {
    font: 30px/35px pt_sans_bold;
    color: #4c4c4c; }
  .articles-item P {
    font: 18px/29px  pt_sans;
    margin: 20px 0 30px 0; }
  .articles-item .articles-item_read A {
    font: 14px/25px pt_sans_bold;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #393939;
    display: block;
    padding: 30px 0 30px 74px;
    position: relative; }
    .articles-item .articles-item_read A .article_svg {
      display: block;
      position: absolute;
      top: 32px;
      left: 45px; }

.articles-item_read {
  margin-top: 30px; }

.g-post {
  padding: 0;
  padding-bottom: 40px; }

@media screen and (max-width: 700px) {
  .g-presentation + .g-content.m-post {
    padding-top: 200px; }

  .g-content.m-post {
    padding: 200px 20px 40px; }

  .articles-item {
    float: none;
    width: 100%;
    margin-right: 0; } }
@media screen and (min-width: 701px) and (max-width: 1200px) {
  .g-presentation + .g-content.m-post {
    padding-top: 200px; }

  .g-content {
    padding: 200px 20px 40px; }

  .articles-item {
    float: none;
    width: 100%;
    margin-right: 0; } }