/* main.css */
body {
    background: linear-gradient(#fddf87, #fff8ea);
}

.navbar-light .navbar-toogler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");    
}

header {
    /* position: relative; */
    height: 50vh;
    background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .4)), url(../img/vertical-hero.jpg);
    background-size: cover;
    background-position: center center;
}

.map-container{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.map-container iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.gallery img {
    max-width: 100%;
    cursor: pointer;
}

img.gallery-item:hover {
    scale: 1.2;
    
}

#gallery-popup .modal-img {
    width: 100%;
}