*{
    margin: 0;
    padding: 0;
}

@media(min-width:768px){
    .news-input{
        width:50%;
    }
}
 


body, html {
    height: 100%;
    background-color: transparent;
    
  }
  
  .bg{
    background: black no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    
  }


 

  .card {
    opacity: .7;
    background-color: rgba(23, 22, 41) !important;
  }

  .btn{
      opacity: .7;
      background-color: rgba(23, 22, 41) !important;
  }

#emailButton{
    opacity: .7;
    background-color: rgba(23, 22, 41) !important;
}

#emailInput{
    color: white;
    opacity: .7;
    background-color: rgba(23, 22, 41) !important;
}

.bg-dark {
    --bs-bg-opacity: .8;
}

#map{
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.modal-header {
    background-color: rgba(23, 22, 41) !important;
    --bs-bg-opacity: .8;
}

.modal-body{
    background-color: rgba(23, 22, 41) !important;
    --bs-bg-opacity: .8;
}
#modaal{
    background-color: rgba(23, 22, 41) !important;
    --bs-bg-opacity: .8;
}

.modal-footer{
    background-color: rgba(23, 22, 41) !important;
    --bs-bg-opacity: .8;
}