#main-menu li.logo-menu-item {
    padding: 20px;
}

.titleImg{ position: absolute; left: 25px; right: 35px; top: 155px; bottom:125px; background: rgba(150,40,42,1.00); max-width: 800px; margin: auto; background-size: contain!important; background-position: center !important; background-repeat: no-repeat !important }

.btn-outline-primary{ display: inline-block; padding: 5px 10px; border: solid 3px #fff; border-radius: 7px; cursor: pointer}

.main-bg {
    height: 100vh;
  background-size: cover;
  background-position: center top;
  min-height: 800px
}

.main-bg h3{ margin-bottom: 0 !important; }

.pb-4, .py-4 {
    padding-bottom: 2.5rem!important;
}
@media (max-width: 991px){
  #events-container {
      position: absolute;
  }
.main-bg {
  background-position: center center;
}  
  
  
#main-menu li.logo-menu-item {
    text-align: center;
    margin: auto;
    height: auto;
    display: block;
    min-width: 90px;
    padding: 0;
    padding-top: 10px;
}
  
#main-menu {
    display: block;
    background: inherit;
    position: relative;
    width: 100%;
    top: initial;
    right: 0;
    left: 0;
    bottom: 0;
    height: auto;
    text-align: center;
    background: rgb(0 0 0 / 18%);
    padding-top: 0;
} 
  

}