@media (min-width: 1080px) and (max-width: 1200px)
{
  .homepage-title {
    font-size: 60px;
  }
  .homepage-subtitle {
    font-size: 32px;
  }
  .homepage-button {
    font-size: 32px;
  }
}
@media (min-width: 768px) and (max-width: 1080px)
{
  .homepage-title {
    font-size: 60px;
  }
  .homepage-subtitle {
    font-size: 32px;
  }
  .homepage-button {
    font-size: 32px;
  }
  .searchinventory-item img {
    margin-top: -10%;
  }
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) 
{
  .homepage-title {
    font-size: 60px;
  }
  .homepage-subtitle {
    font-size: 32px;
  }
  .homepage-button {
    font-size: 32px;
  }
  .searchinventory-item img {
    margin-top: -10%;
  }
}
@media (min-width: 640px) and (max-width: 768px)
{
  .homepage-title {
    font-size: 40px;
  }
  .homepage-subtitle {
    font-size: 28px;
  }
  .homepage-button {
    font-size: 32px;
  }
  .searchinventory-item img {
    margin-top: -10%;
  }
}
@media (min-width: 480px) and (max-width: 640px)
{
  .homepage-title {
    font-size: 36px;
  }
  .homepage-subtitle {
    font-size: 24px;
  }
  .homepage-button {
    font-size: 28px;
  }
  .searchinventory-item img {
    margin-top: -10%;
  }
}
@media (min-width: 20px) and (max-width: 480px)
{
  .homepage-title {
    font-size: 32px;
  }
  .homepage-subtitle {
    font-size: 20px;
  }
  .homepage-button {
    font-size: 24px;
  }
  .searchinventory-item img {
    margin-top: -10%;
  }
}