@import "template.scss";

.large {
  padding: 130px 0;
}

.medium {
  padding: 70px 0;
}

.small {
  padding: 30px 0;
}

.largeBottom {
  padding-bottom: 130px;
}

.mediumBottom {
  padding-bottom: 70px;
}

.smallBottom {
  padding-bottom: 30px;
}

.shade2 {
  background-color: $shade2;
}

.shade3 {
  background-color: $shade3;
}

@media screen and (max-width: 576px) {
  .large {
    padding: 70px 0;
  }

  .medium {
    padding: 40px 0;
  }

  .small {
    padding: 20px 0;
  }

  .largeBottom {
    padding-bottom: 70px;
  }

  .mediumBottom {
    padding-bottom: 40px;
  }

  .smallBottom {
    padding-bottom: 20px;
  }
}