/* Variables */
/* Animations */
@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp; }

#home-hero_container {
  background-image: url("/img/home_hero.jpg");
  padding-top: 13vw;
  padding-bottom: 8vw;
  background-size: cover;
  background-position: center center;
  overflow: hidden; }
#home-hero_overlay {
  top: -15%;
  left: 0;
  width: 100%;
  height: 115%;
  background: rgba(104, 33, 122, 0.3);
  background: linear-gradient(rgba(104, 33, 122, 0.3) 0%, rgba(104, 33, 122, 0.3) 100%), linear-gradient(rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); }
#home-hero_content {
  text-align: center;
  color: #fff; }
#home-hero_title {
  font-size: 4rem;
  font-family: 'Bree Serif', serif; }
#home-hero_copy {
  max-width: 75rem;
  font-size: 1.8rem; }
#home-hero_buttons {
  width: 600px; }
  @media screen and (max-width: 615px) {
    #home-hero_buttons {
      width: 100%;
      flex-direction: column;
      align-items: center; } }

@media screen and (max-width: 615px) {
  .home-hero_button + .home-hero_button {
    margin-top: 2rem; } }

#home-meetup {
  background: url("/img/ladies_bg.png");
  background-size: cover;
  background-position: center 30%;
  position: relative; }
  #home-meetup_container {
    position: relative;
    z-index: 1; }
  #home-meetup_image {
    margin-top: 1rem;
    margin-bottom: -1rem; }
  #home-meetup_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(41.666667% + (100vw - 960px)/12);
    height: 100%;
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 0.6) 80%, rgba(255, 255, 255, 0) 100%); }
    @media screen and (max-width: 960px) {
      #home-meetup_overlay {
        width: 41.666667%; } }
    @media screen and (max-width: 575px) {
      #home-meetup_overlay {
        background: rgba(255, 255, 255, 0.8);
        width: 100%; } }

#home-whiteboard {
  background-image: url("/img/whiteboard_guy_with_dotbot_.png");
  background-size: cover;
  background-position: center 60%;
  position: relative; }
  #home-whiteboard_container {
    position: relative;
    z-index: 1; }
  #home-whiteboard_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(104, 33, 122, 0.2); }

main.col {
  padding: 0;
}
