.section-blog{ padding: 30px 0px 30px 0px;}
.blog-container{ max-width: 1140px;  margin-right: auto; margin-left: auto; position: relative;}
.blog-container h1{ font-size: 3em; padding: 0; margin: 0; line-height: 1;}
.page-title{ width: 100%; display: block; margin-bottom: 20px; }
.clear{ clear: both;}
body h1 { font-size: 42px;  color: #636566;  margin-top: 20px;  text-transform: none;
    font-family: 'Open Sans', arial, helvetica, tahoma, sans-serif;
    font-weight: bold !important;
    letter-spacing: 2px;
    font-family: 'Trench-Thin' !important;
}

p { margin-top: 6px; color: #7a7a7a; font-weight: 400;}
.blog-list{   min-height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 60px 0 0 0;

}

.blog-list li{ display: flex; 
  flex-basis: calc(50% - 20px);  
  justify-content: center;
  flex-direction: column; 
  padding: 10px 20px 10px 0px; }

.blog-content-box{ padding: 30px 30px 30px 30px; display: block; overflow: hidden; position: relative; height: 100%;  min-height:282px; }
.blog-content-box.blue{ background-color: #a8e0f9;}
.blog-content-box.green{ background-color: #c6faf4;}
.blog-content-box.pink{ background-color: #fbdbe9;}

.blog-content-box a{ text-decoration: none;}
.meta-content{ position: absolute; bottom: 30px;}

#content.single-post{ margin: 0 auto; float: none;}

.padding-bottom{
  padding-bottom: 60px;
  display: block;
  overflow: hidden;
}


@media (min-width: 768px) and (max-width: 1024px) {
  .blog-container{
    margin: 30px;
  }
}


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

  .blog-container{
    margin: 30px;
  }
  .blog-list li{
    flex-basis: calc(100%);
    padding: 10px 0px 10px 0px;
  }

  .blog-content-box{
    min-height:auto;
  }

  .meta-content{
    position:relative;
    bottom: 0;
  }

}



@media (min-width: 320px) and (max-width: 480px) {
  .blog-container{
    margin: 30px;
  }
  .blog-list li{
    flex-basis: calc(100%);
    padding: 10px 0px 10px 0px;
  }

  .blog-content-box{
    min-height:auto;
  }

  .meta-content{
    position:relative;
    bottom: 0;
  }
}
#bitnami-banner {display:none;}