/*
* @Author: Nathan Bosscher
* @Date:   2017-10-23 19:39:16
* @Last Modified by:   Nathan Bosscher
* @Last Modified time: 2017-11-09 19:27:33
*/
#about-centerer {
  margin: 0 auto;
  padding: 70px 0;
}
#about-centerer h2 {
  margin-top: 0;
}

.row {
  display: flex;
  flex-direction: row;
}

.mobile .row {
  flex-direction: column;
}
.mobile #about-centerer {
  padding: 10px;
}
.mobile .col-8, .mobile .col-4 {
  width: 100%;
  padding: 0;
}
.mobile h2 {
  padding-top: 50px;
}

h2 {
  font-size: 34px;
  font-weight: normal;
  margin-top: 0;
}

.col-8 {
  width: 500px;
  padding-right: 50px;
}

.col-4 {
  width: 358px;
}

#leadership-centerer {
  text-align: center;
}
#leadership-centerer #people {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
#leadership-centerer .person {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#leadership-centerer .person:not(:first-child) {
  margin-top: 10px;
}
#leadership-centerer .person .avatar {
  height: 90px;
  width: 90px;
  background-size: cover;
  background-position: center center;
}
#leadership-centerer .person .person-details {
  padding: 22px 18px;
  text-align: left;
}
#leadership-centerer .person .person-details .name {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.87);
}
#leadership-centerer .person .person-details .position {
  margin-top: 7px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}.about__contact-form__done {
  padding: 15px;
  background-color: rgba(247, 147, 30, 0.19);
  border: 1px solid rgba(247, 147, 30, 0.57);
  border-radius: 4px;
}
.about__contact-form__done h3 {
  font-size: 18px;
  margin: 0;
}
.about__contact-form__done .done-message {
  padding-top: 2px;
  font-size: 13px;
}

.about__contact-form {
  margin-top: 30px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
button.button, button, input[type=button] {
  position: relative;
  min-width: 80px;
  border-radius: 5px;
  cursor: pointer;
  margin: 5px; /* for :focus outline */
  border: solid #DCDCDC 1px;
  color: #0700CF;
  background: transparent;
  text-transform: uppercase;
  font-size: 14px;
  box-shadow: none;
  padding: 8px 15px;
}
button.button:disabled, button:disabled, input[type=button]:disabled {
  color: grey;
}
button.button:not(:disabled):hover, button:not(:disabled):hover, input[type=button]:not(:disabled):hover {
  background: hsla(0deg, 0%, 0%, 0.1);
}
button.button i.animation, button i.animation, input[type=button] i.animation {
  position: absolute;
  left: 6px;
  top: 50%;
  margin-top: -8px;
  font-size: 15px;
}
button.button i.animation.spinner, button i.animation.spinner, input[type=button] i.animation.spinner {
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
button.button.danger, button.danger, input[type=button].danger {
  background: hsl(12deg, 59%, 47%);
  background: hsl(12deg, 59%, 47%); /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: linear-gradient(to bottom, hsl(12deg, 59%, 47%) 0%, hsl(12deg, 62%, 44%) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#000000",GradientType=0 ); /* IE6-9 */
  border: solid hsl(12deg, 63%, 33%) 1px;
  color: #ffffff;
}
button.button.danger:disabled, button.danger:disabled, input[type=button].danger:disabled {
  background: hsl(12deg, 59%, 47%);
}
button.button.danger:not(:disabled):hover, button.danger:not(:disabled):hover, input[type=button].danger:not(:disabled):hover {
  background: hsl(12deg, 59%, 47%);
}
button.button.secondary, button.secondary, input[type=button].secondary {
  background: hsl(122deg, 0%, 78%);
  background: hsl(122deg, 0%, 78%); /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: linear-gradient(to bottom, hsl(122deg, 0%, 78%) 0%, hsl(110deg, 0%, 68%) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#000000",GradientType=0 ); /* IE6-9 */
  border: solid hsl(0deg, 0%, 56%) 1px;
  color: #ffffff;
}
button.button.secondary:hover, button.secondary:hover, input[type=button].secondary:hover {
  background: hsl(122deg, 0%, 78%);
}
button.button.text, button.text, input[type=button].text {
  background: none;
  border: none;
  padding: 5px 10px;
  box-shadow: none;
}/*
* @Author: Nathan Bosscher
* @Date:   2017-10-10 08:12:36
* @Last Modified by:   Nathan Bosscher
* @Last Modified time: 2017-10-10 20:24:05
*/
.about__contact-form__form {
  width: 100%;
  text-align: center;
}
.about__contact-form__form input[type=text], .about__contact-form__form input[type=password], .about__contact-form__form textarea {
  border-radius: 2px;
  border: 1px solid #979797;
  font-size: 13px;
}
.about__contact-form__form textarea {
  padding: 5px;
}
.about__contact-form__form input[type=text], .about__contact-form__form input[type=password] {
  width: auto;
  max-with: 225px;
}
.about__contact-form__form > div {
  width: 100%;
  max-width: 487px;
  margin: auto;
  text-align: left;
  border: 1px solid #D0D0D0;
  border-radius: 4px;
  box-shadow: 0px 1px 1px 0px hsla(0deg, 0%, 0%, 0.41), 0px 3px 4px 0px hsla(0deg, 0%, 0%, 0.1);
}
.about__contact-form__form > div > div.padding {
  padding: 30px 25px;
}
.about__contact-form__form > div h3 {
  margin: 0;
  font-size: 18px;
}
.about__contact-form__form > div .section {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.about__contact-form__form > div .section:not(:first-child) {
  padding-top: 13px;
}
.about__contact-form__form > div .section label {
  display: block;
  font-weight: lighter;
  font-size: 11px;
  padding-bottom: 6px;
}
.about__contact-form__form > div .section textarea {
  resize: none;
  height: 154px;
}
.about__contact-form__form > div .actions {
  padding-top: 14px;
  text-align: right;
}
.about__contact-form__form > div .actions button:last-child {
  margin-left: 8px;
}