.container { position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; padding: 0; }

    .container:after { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: cover; filter: blur(50px); z-index: -1; }
.contact-box { max-width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); justify-content: center; align-items: center; text-align: center; background-color: #fff; box-shadow: 0px 0px 19px 5px rgba(0,0,0,0.19); }

.left { height: 100%;}

.right { padding: 25px 40px; text-align:left;}

h2 { position: relative; padding: 0 0 10px; margin-bottom: 10px; }


.field { width: 100%; border: 2px solid rgba(0, 0, 0, 0); outline: none; background-color: rgba(230, 230, 230, 0.6); padding: 0.5rem 1rem; font-size: 1.1rem; margin-bottom: 22px; transition: .3s; }

    .field:hover { background-color: rgba(0, 0, 0, 0.1); }

textarea { min-height: 150px; }

.btn { width: 100%; padding: 0.5rem 1rem; background-color: #2ecc71; color: #fff; font-size: 1.1rem; border: none; outline: none; cursor: pointer; transition: .3s; }

    .btn:hover { background-color: #27ae60; }

.field:focus { border: 2px solid rgba(30,85,250,0.47); background-color: #fff; }

@media screen and (max-width: 880px) {
    .contact-box { grid-template-columns: 1fr; }
    .left {  }
}

.map-responsive { overflow: hidden; padding-bottom: 100%; position: relative; height: 100%; }

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