#hero .container {
    top: 35%;
}

.logo-product {
    width: 315px;
    height: 175px;
    object-fit: contain;
    margin-bottom: 15px;
}

@media all and (max-width: 1280px) { 
  .logo-product {
    width: 300px;
    height: 150px;
  }

  .virtualtour h3 {
      margin-top: 10px;
      font-size: 25px;
  }
}

@media all and (max-width: 992px) { 
  #hero .container  h2 strong {
      font-size: 45px;
  }

  #hero .container .lead {
      font-size: 26px; 
  }

  .virtualtour .type_image {
      max-width: 85%;
  }

  .virtualtour h3 {
      margin-top: 10px;
      font-size: 32px;
      margin-bottom: 20px;
  }

  .virtualtour .btn-lg { 
      font-size: 16px;
      margin-bottom: 45px;
  }
}

@media all and (max-width: 480px) { 
  #hero .container {
      top: 0;
  }

  #hero .container h2 strong {
      font-size: 38px;
  }

  #hero .container .lead {
      font-size: 22px;
      width: 80%;
      margin: auto;
  }

  .logo-product {
      width: 160px;
      margin-bottom: 0;
      height: 130px;
  }

  .virtualtour .type_image {
      max-width: 100%;
  }

  .virtualtour h3 {
    font-size: 26px;
  }

  .virtualtour .btn-lg {
      font-size: 12px; 
  }
}