@media (min-width: 576px) {
  .img-fluid {
    margin-top: -96px;
    max-width: 100%;
    height: auto;
  }
}

@media (min-width: 300px) {
  .img-fluid {
    /*margin-top: -96px;*/
    max-width: 100%;
    height: auto;
  }
}

@media (min-width: 576px) {
  .row.projects {
    padding-top: 30px;
    /*margin-left: 150px;*/
    /*margin-right: 150px;*/
    /*padding-left: 120px;*/
    /*padding-right: 120px;*/
    padding-bottom: 60px;
  }
}

@media (min-width: 300px) {
  .row.projects {
    padding-top: 30px;
    margin-left: 15px;
    margin-right: 15px;
    /*padding-left: 120px;*/
    /*padding-right: 120px;*/
    padding-bottom: 60px;
  }
}