body, html {
  overflow-x: hidden;
}

@media only screen and (min-width: 992px) {
  .home-blog .blog-desc p, .home-blog .blog-desc .author-name, .home-blog .blog-desc span{
    font-size: 13px;
  }
  .home-blog .blog-desc .author-avatar{
    height: 40px;
    width: 40px;
  }
}

@media only screen and (min-width: 768px) {
    .navbar-brand img {
        width: 100px;
    }
    .navbar-brand {
        margin-right: 0;
        padding: 0 1em;
    }
}

@media only screen and (max-width: 768px) {
    .banner h1{
        font-size: 35px;
    }
    footer .the-company{
        padding-left: 1rem;
        margin: 2rem 0;
    }
    .home-blog{
      padding: 0px 20px 50px 20px;
    }
    .home-blog .row [class^="col-"]{
      margin-top: 10%;
    }
    .home-blog .box{
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }
}