img{

       max-width: 100%;
       min-width: 350px;
    }


       .card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    max-width: 400px;
    margin: 10px;
    background-color: white;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    
  }

  .card-image {
    width: 100%;
    height: auto;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  }

  .card-content {
    padding: 16px;
  }

  .card-button {
    display: inline-block;
    background-color: #3498db;
    color: white;
    padding: 8px 16px;
    text-decoration: none;
    border-radius: 5px;
  }
  
  .exp-top{
      position: absolute;
      top: -.5%;
      left: 70px;
  }
  
  .city{
   position: absolute;
   top: 133px;
   left: 70px; 
  }
  .headerc{
     font-size: 15px; 

  }
  
  .btn{
     margin-bottom: 20px;
     background-color: #3498db;
     color: white; padding: 8px 16px;
     border-radius: 5px; border: none;
     font-size: 16px;
     text-decoration: none;
  }
  
  .btn-wr{
    text-align: center;
    margin-bottom: 20px; 
  }