body::before{
    display: block;
content:'';
height:60px;}

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

    

}
gmp-map {
    height: 100%;
  }
  
  /* Optional: Makes the sample page fill the window. */
  html,
  body {
    height: 100%;
    margin: 0;
    padding: 0;
  }

  :root {
    --bg-primary: #00ffff;
    --bg-secondary: #6c757d;
    --bg-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #87aace;
    --bg-dark: #ffc107;
    --text-light: #ffc107;
  }

  .navbar-light .navbar-brand {
    color: rgba(0,0,0,.9);
}

.card.bg-primary {
    background-color: #3292a6 !important;
  }