#homebanner-container { position: relative; margin: 0px 0px 0px 0px; }

#homebanner-container .backgroundimg { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; height: 490px; position: relative; }

#homebanner-container .banner-content { padding: 20px; position: relative; margin-top: 40px; background: rgba(45, 56, 70, 0.8); backdrop-filter: blur(5px); border-radius: 10px; }

#homebanner-container .banner-content span.tag { background-color: #00AD6C; padding: 5px 10px; font-size: 0.8rem; color: #FFFFFF; display: inline-block; margin-bottom: 15px; }

#homebanner-container .banner-content h1 { color: #FFFFFF !important; font-size: 2.7rem; margin-bottom: 15px; margin-top: 0px; line-height: 100%; }

@media (max-width: 575px) { #homebanner-container .banner-content { padding: 15px; margin-top: 20px; margin-bottom: 20px; }
  #homebanner-container .backgroundimg { height: auto; }
  #homebanner-container .banner-content h1 { font-size: 2rem; } }

@media (min-width: 576px) and (max-width: 767px) { #homebanner-container .banner-content h1 { font-size: 2rem; } }

@media (min-width: 768px) and (max-width: 991px) { #homebanner-container .banner-content h1 { font-size: 2rem; } }