.googlemap {
    position:relative;
    height: 450px;
    width: 100%;
    left: 0;
    right: 0;
}

#map {
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
    #callUs2 {
        width:50%;
}

#Message {
    background-color: rgba(255, 0, 0, 0);
}
.hero {
    background-image: url("../images/kontaktHero.jpg");
    background-size: cover;
    /* Resize the background image to cover the entire container */
    background-position: center;
    background-position-y: bottom;
    /* Center the image */
    height: 300px;
  }

  #sendMsg {
      background-color: #131B4D;
      float: right;
      border-color: #131B4D ;
      margin-right: 0px;
      cursor: pointer;
  }

#pressedButton {
    margin-top: 20px;
    width: 40%;
    position: center;
}

.container-contact {
    background-image: url("../images/svjetloSiviRaster.png");
    background-position: right;
    background-repeat: no-repeat;
    min-height: 600px;
    padding-top: 5%;
}

.contact-form{ 
    margin-top:55px;
    width: 87%;
}
.contact-form .textarea{ min-height:272px; resize:none;}
.form-control{ box-shadow:none; border:2px solid grey; height:49px;}
.form-control:focus{ box-shadow:none; border-color:#131B4D;}
.form-control-feedback{ line-height:50px;}
.main-btn{ background:#131B4D; border-color:#131B4D; color:#fff; border: 5px solid #131B4D; border-radius: 0px;}
.main-btn:hover{ background:#131B4D;color:#fff;}
.form-control-feedback {
line-height: 50px;
top: 0px;
}

@media (min-width: 1920px) {
    .contact-form {
        width: 89.5%;
    }
}

@media screen and (max-width: 800px) {
    #callUs2 {
        width: 63%;
    }
    #Message {
        background-color: white;
    }
    .info {
        height: 450px;
    }

    .formDiv {
        margin-left: 50px;
        height: 560px;
    }

    #sendMsg {
        width: 100%;
    }
    
   .container-contact {
       overflow: hidden;
   }
}