/* contact */
.contact {
  padding: 20px 0 30px;
}

.contact .lt {
  margin-bottom: 20px;
}

.contact .title {
  text-align: left;
  margin-bottom: 20px;
}

.contact .cont-list li:not(:last-child) {
  margin-bottom: 15px;
}

.contact .form-control {
  border-radius: 0;
  border-color: #eee;
}

.contact .form-control:focus {
  border-color: #242424;
}

.contact .btn {
  width: 100px;
  color: #fff;
  margin-top: 20px;
  border-radius: 0;
  background: var(--style-color);
}

@media (min-width: 992px) {
  .contact .container {
    display: flex;
  }

  .contact .lt {
    flex: 0 0 40%;
    margin-bottom: 0;
  }

  .contact .rt {
    flex: 1;
    padding-left: 30px;
  }
}

@media (min-width: 1200px) {
  .contact {
    padding-bottom: 60px;
  }

  .contact .cont-list li:not(:last-child) {
    margin-bottom: 25px;
  }

  .contact .cont-list li a:hover {
    color: var(--style-color);
  }

  .contact .btn {
    margin-top: 30px;
    transition: background .3s;
  }

  .contact .btn:hover {
    background: #242424;
  }
}