#map {
  display: block;
  width: 100%;
  height: 85%;
  border: 0;
  margin: 20px auto;
  opacity: 0.6;
  -webkit-transition: 200ms;
  transition: 200ms; }
  #map:hover {
    opacity: 1; }

/*MEDIA 980*/
@media screen and (max-width: 980px) {
  #map {
    opacity: 1;
    -webkit-transition: 200ms;
    transition: 200ms; } }