body {
  font-family: 'Lato', sans-serif;
  text-align: center;
}

.container {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 21px;
}

.container.container--squeeze {
  max-width: 600px;
}

img {max-width: 100%; height: auto;}

/*misc*/
.center {text-align: center;}
.right {text-align: right;}
.hide {display: none;}
.normal-case {text-transform: none;}
.text-white {color: #fff;}
.text-red {color: #9b070a;}
.text-blue {color: #10558e;}
.text-black {color: #444;}
.bg-blue {background: #252d54;}
.bg-blue-fade {background: url(../images/bg-blue.png) 50% 50% / cover no-repeat;}
.bg-red {background: #9b070a;}
.bg-grey {background: #eee;}
.bg-light-grey {background: #f6f6f6;}
.bg-white {background: #fff;}
.bg-texture-grey {background: url(../images/bg-texture-grey.jpg);}
.margin-t {margin-top: 42px;}
.margin-t-sm {margin-top: 21px;}
.margin-b {margin-bottom: 42px;}
.margin-b-sm {margin-bottom: 21px;}
.pad-tb {padding-top: 42px; padding-bottom: 42px;}
.pad-tb-lg {padding-top: 84px; padding-bottom: 84px;}
.pad-tb-sm {padding-top: 21px; padding-bottom: 21px;}
.pad-t {padding-top: 42px;}
.pad-t-sm {padding-top: 21px;}
.pad-b {padding-bottom: 42px;}
.pad-b-sm {padding-bottom: 21px;}
.border {border: 1px solid #ddd;}
.border-b {border-bottom: 1px solid #ddd;}
.border-t {border-top: 1px solid #ddd;}
.border-l {border-left: 1px solid #ddd;}
.clear {clear: both;}
.float-full {width: 100%; float: left;}
.big-heading {font-size: 36px; font-weight: 700;}
.fixed {position: fixed;}
.img-left {float: left; margin: 0 18px 18px 0;}
.align-right {float:right;}
.text-shadow {text-shadow: 1px 1px 2px rgba(0,0,0,.5);}

h1 {
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 21px;
}

h2 {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 33px;
}

p {
  font-size: 18px;
  line-height: 27px;
  font-weight: 300;
  margin-bottom: 21px;
}

.l-intro {
  background: url(../images/TBE-Background.svg) 50% 50% / cover no-repeat;
  color: #000;
  padding-top: 120px;
}

.l-intro .container {

}

.l-intro img {

}

.l-intro .logo {
  border-radius: 400px;
  margin-bottom: 21px;
  width: 200px;
}

.l-intro .team-pic {
  margin-top: 24px;
  margin-bottom: -42px;
}

.l-give__options {
  display: flex;
  justify-content: space-between;
}

.l-give__option {
  background: #fff;
  border-radius: 6px;
  box-sizing: border-box;
  padding: 42px 21px 21px;
  width: 31%;
}

.l-give__option > img {
  height: 42px;
  margin-bottom: 30px;
  width: auto;
}
.l-give__option p {
  margin-bottom: 0;
}

.l-give__option h3 {
  margin-bottom: 18px;
  font-weight: 700;
  font-size: 20px;
}

.l-give__option form {
  margin-top: 21px;
}

.l-contact__form-mask {
  background: #eee;
  position: relative;
  height: 48px;
  z-index: 9;
  margin-top: -48px;
}

.l-footer {
  background: #222;
  font-weight: 700;
}

@media all and (max-width: 640px) {
  h1 {
    font-size: 36px;
  }
  .l-intro {
    padding-top: 66px;
  }
  .l-give__options {
    display: block;
  }
  .l-give__option {
    width: 100%;
    margin-bottom: 21px;
  }
}