#logo {
  background-image: url("../img/AllanConstructionLtdwhite.png"); /* The image used */
  height: 55px; /* You must set a specified height */
  width: 220px;
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
    
}

.scrolled .header #logo {
  background-image: url("../img/AllanConstructionLtdtrans.png"); /* The image used */
}

@media (max-width: 768px) {
  .hero .info h2 {
    font-size: 24px;
  }
}

@media (min-width: 768px) {
  #logo {
    height: 80px; /* You must set a specified height */
    width: 330px;
  }
  .scrolled .header #logo {

  }
  .hero .info h2 {
    font-size: 36px;
  }

}