@media screen and (max-width: 480px) {
  .responsive-logo {
    width: 96%;
    height: auto;
    padding-left: 2px;
  }
}

@media screen and (max-width: 600px) and (min-width: 480px) {
  .responsive-logo {
    width: 96%;
    height: auto;
    padding-left: 2px;
  }
}

@media screen and (max-width: 900px) and (min-width: 600px) {
  .responsive-logo {
    width: 71%;
    height: auto;
    padding-left: 2px;
  }
}

@media screen and (max-width: 1100px) and (min-width: 900px) {
  .responsive-logo {
    width: 71%;
    height: auto;
    padding-left: 2px;
  }
}

@media screen and (min-width: 1100px) {
  .responsive-logo {
    width: 70.5%;
    height: auto;
    padding-left: 2px;
  }
}