.flex {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  box-sizing: border-box; }
  
.flex-50 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
          flex: 1 1 100%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-50 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
          flex: 1 1 100%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-50 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
          flex: 1 1 100%;
  max-width: 100%;
  max-height: 50%;
  box-sizing: border-box; }

.layout-row > .flex-50 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
          flex: 1 1 100%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-50 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
          flex: 1 1 100%;
  max-width: 100%;
  max-height: 50%;
  box-sizing: border-box; }
  
  
  .layout-column > .flex {
  min-height: 0; }

.layout, .layout-column, .layout-row {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex; }

.layout-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column; }

.layout-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row; }
          
          
.layout-wrap {
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap; }
          
          
.blog-highlight-image {
width:180px;
height:120px;
background-repeat: no-repeat !important;
background-size: 180px 120px !important;
}


          
.view-more-button-blog {
height: 32px;
width: 100px;
border-radius: 4px;
padding: 6px;
text-align: center;
background-color: #007D3B;
color: white !important;
display: block;								
}          

.blog-box {
padding:24px;
margin:16px;
box-shadow : 0px 1px 2px 1px rgba(0, 125, 59, 0.4);
}

.md-card {
  box-sizing: border-box;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }

@media (min-width: 600px) {

 .layout-gt-xs-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
            flex-direction: row; 
            box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
            
            } 
            
}
            
@media (max-width: 960px){
.flex-50 {
 max-width:100%;
}
}