.green-bar {
  background: rgb(23, 115, 50);
}

.green-bar .title {
  font-size: 3em;
  color: white;
}

.container.title {
  text-transform: uppercase;
  margin-top: 50px;
}

.container.content {
  margin-top: 30px;
  padding-left: 0;
  padding-right: 0;
  font-family: GothamBook;
}

.container.content .column-left {
  border-right: 2px solid #d4e3d6;
  font-family: GothamBook;
}

.column-left h4, .column-left strong, .colunm-right h3 {
  font-family: GothamMedium;
}

.column-right h3 {
  color: #11a022;
}

label.label {
  width: 20%;
}

.socmed-btn {
  margin-top: 20px;
}

.socmed-btn .fa-stack {
  font-size: 20px;
}

.btn-submit {
  background: rgb(23, 115, 50) !important;
  color: white !important;
  padding: 10px 27px !important;
}

@media (max-width: 576px) {
  .green-bar .title {
    bottom: -50px;
    left: -190px;
    font-size: 1.5rem;
  }

  .container.title>.row {
    margin-left: 15px;
    margin-right: 15px;
  }

  .container.title .title {
    padding-left: 15px;
    border-bottom: none;
    font-size: 1.9em;
  }

  .container.content .column-left {
    border-right: none;
    border-bottom: 2px solid #d4e3d6;
    padding-bottom: 10px;
    margin-bottom: 20px
  }
}