.map iframe {
  left: 0;
  top: 0;
  height: 400px;
  width: 100%;
  border: none;
}

/*.footer {
  background-image: url("../images/obala.jpg");
  height: 50vh; 
  padding: 2px; 
  background-repeat: no-repeat;
  background-size: cover; 
  max-width: 100%;
  display: flex; 
  align-items: flex-end; 
  justify-content: center; 
}

@media (max-width: 768px) {
  .footer .row {
    justify-content: center; 
  }
}*/

 .footer {
    background-image: url('../images/obala.jpg');
    background-position: center bottom;
    background-repeat: no-repeat;
    color: #f8f5f5; 
    display: flex;
    flex-direction: column; 
    text-align: center; 
    //align-items: flex; 
    //justify-content: center;
    
}


@media (max-width: 767px) {
    .footer {
        background-size: contain;
        padding: 40px 0;
    }
}

@media (min-width: 768px) {
    .footer {
        background-size: cover;
        padding: 180px;
    }
}