.googlemaps{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  

}

.maps {
    opacity: 0.9;
    margin:80px;
    display:block;
    border-radius: 50px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid black;
    margin: 30px 30px 60px 30px;
    padding: 5px;
    width: 60%;
    box-shadow: 10px 10px 15px #fff;
    border-radius: 15px;  
    background: #333;

   
}
@media screen and (max-width:700px){
  .googlemaps{
    
    height: 100%;
  
  }
  
  .maps{
    height: 100%;
    width: 80%;
  }
  }

  @media screen and (max-width:300px){
    .googlemaps{
      
      height: 100%;
    
    }
    
    .maps{
      height: 50%;
      width: 90%;
    }
    }