#contact {
    width: 700px;
}
#contact button#submit {
    width: 80%;
}
#contact .containerr {
  max-width:600px;
  margin:0 auto;
  text-align:center;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  background-color:#FAFAFA;
}
#contact .head {
  -webkit-border-radius:6px 6px 0px 0px;
  -moz-border-radius:6px 6px 0px 0px;
  border-radius:6px 6px 0px 0px;
  background-color:#5B8E19;
  color:#FAFAFA;
}
#contact h2 {
  text-align:center;
  padding:18px 0 18px 0;
  font-size: 1.4em;
}
#contact input {
  margin-bottom:10px;
}
#contact textarea {
  height:100px;
  margin-bottom:10px;
}
#contact input:first-of-type
{
  margin-top:35px;
}
#contact input, textarea {
  font-size: 1em;
  padding: 15px 10px 10px;
  font-family: 'Source Sans Pro',arial,sans-serif;
  border: 1px solid #cecece;
  background: #d7d7d7;
  color:#FAFAFA;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 80%;
  max-width: 600px;
  text-align: inherit;
}
::-webkit-input-placeholder {
   color: #FAFAFA;
}
:-moz-placeholder {
   color: #FAFAFA;  
}
::-moz-placeholder {
   color: #FAFAFA; 
}
:-ms-input-placeholder {  
   color: #FAFAFA;  
}
#contact button {
  margin-top:15px;
  margin-bottom:25px;
  background-color:#5B8E19;
  padding: 12px 45px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #5B8E19;
  -webkit-transition: .5s;
  transition: .5s;
  display: inline-block;
  cursor: pointer;
  width:30%;
  color:#fff;
}
#contact button:hover, .button:hover {
  background:#5B8E19;
}
#contact label.error {
    font-family:'Source Sans Pro',arial,sans-serif;
    font-size:1em;
    display:block;
    padding-top:10px;
    padding-bottom:10px;
    background-color:#d89c9c;
    width: 80%;
    margin:auto;
    color: #FAFAFA;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
}
/* media queries */
@media (max-width: 700px) {
    #contact label.error {
    width: 90%;
  }
  #contact input, textarea {
    width: 90%;
  }
  #contact button {
    width:90%;
  }
  
}
.container.d-flex.align-items-center.justify-content-between.contact-footer {
    flex-direction: row;
}

@media (max-width:1300px) {
    .container.d-flex.align-items-center.justify-content-between.contact-footer {
        flex-direction: column;
      }
      #contact {
        width: 660px;
    }
}
.map {
    width: fit-content;
}
.contact-footer {
    margin-bottom: 100px;
}



@media (max-width: 700px) {
    #contact {
    width: 500px;
    }
    .map iframe {
        width: 450px;
    }
}
@media (max-width: 400px) {
    #contact {
    width: 300px;
    }
    .map iframe {
        width: 300px;
    }
}