#map {
    width: 100%;
    height: 100%;
    border-radius: 10px;
  }
  
  .signup{
    background-color:lightblue;
    text-align:center;
  }
  

  @media (min-width: 992px) {
    .news-input {
      width: 50%;
    }
    .nav-link{
      margin-left: 20px;
      color: black;
      font-size: 1.2rem;
      border-radius: 20px;
    }

    .nav-link:hover{
      background-color: lightblue;
      
    }
    .navbar-brand img{
      max-height: 50px ;
    }

    #film{
      padding: 10px;
      margin: 10px;
      
    }
  }

  @media (max-width: 991px) {
    .nav-link {
      text-align: center;
      margin: auto;
    }
    img{
      padding: 20px;
    }
    
   #film{
     padding: 10px;
     margin: 10px;
   }

    section{
      padding-top: 20px;
    }

    #header{
      margin-top: 100px;
    }

    .navbar-brand img{
      max-height: 70px ;
    }

    .social img{
      height: 70px;
      max-height: 70px;
    }

    .modal-content{
      max-width: 100%;

    }
  }

  .item{
    transition: .5s ease-in-out;
  }

  .item:hover{
    filter:brightness(80%);
  }