.main-grid{
  max-width: 1170px;
  margin: 0 auto;
  padding: 100px 20px 0;
  width: 100%;
}

.wrapper{
  background: #f8f8f8;
}

.main-post-section{
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width:480px){
  .main-grid{
    padding: 65px 40px 0;
  }
}

@media only screen and (min-width:1024px){
  .main-post-section{
    flex-direction: row;
  }
}

@media only screen and (min-width:1240px){
  .main-grid{
    padding: 110px 0 0;
  }
}