.header-contact {
  font-size: 3rem;
  font-weight: bold;
  margin-top: 77px;
  padding-top: 30px;
  padding-left: 20rem;
  z-index: -1;
  color: #006b33;
  height: 10rem;
  background: #ebebeb; }

.contact {
  padding: 4rem;
  font-size: 2rem;
  font-weight: bold; }
  .contact input, .contact textarea {
    background-color: #ebebeb; }
  .contact .info-text {
    font-weight: 400;
    font-size: 1.5rem; }
.btn_sucess {
    background: #006b33;
    color: #fff;
    font-weight: bold;
}
.btn_sucess:hover {
    background: #77aa42;
    color: #fff;
}
.map {
  margin-top: 1rem;
  float: right; }

@media screen and (max-width: 768px) {
  .text-right {
    margin-top: 2rem;
    text-align: center; }
  .header-contact {
    margin-top: 57px; }
  .map {
    float: unset; } }
@media screen and (max-width: 768px) {
  html {
    font-size: 40%; } }
@media screen and (max-width: 414px) {
  html {
    font-size: 35%; } }
@media screen and (max-width: 350px) {
  html {
    font-size: 30%; } }
@media screen and (max-width: 315px) {
  html {
    font-size: 23%; } }

/*# sourceMappingURL=lienhe.css.map */