/* SECTION: REDUCE WASTE */
section.reduce-waste { 
  max-width: 1200px;
  align-content: center;
  align-items: center;
  padding: 120px 50px 0;
  margin-bottom: 100px }

  @media (min-width:1081px) { section.reduce-waste { padding: 200px 50px 75px }}

section.reduce-waste .brand { margin-bottom: 10px}

section.reduce-waste h2, section.reduce-waste p, section.reduce-waste h3 {
  opacity: 0;
  animation-name: reveal;
  animation-duration: 4s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease;
  animation-fill-mode: forwards }


/* SECTION 13: FILL OUT THIS FORM */
section.sec13 { 
  color: #FFFFFF;
  padding: 75px 50px;
  background-color: var(--secondary);
  margin-top: 500px;
  animation-name: margin-pull;
  animation-duration: 1s;
  animation-delay: 2s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  overflow: hidden }

  @media (min-width:1081px) { section.sec13 { padding: 100px 50px 125px }}

section.sec13::before {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/noise.png");
  opacity: 0.1 }

section.sec13 .text-wrapper {
    max-width: 1200px
}

section.sec13 h2, section.sec13 h3, section.sec13 ul { 
  transform: scale(0);
  transform-origin: bottom;
  animation-name: scale-up;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease;
  animation-fill-mode: forwards }

section.sec13 h2 { 
  animation-duration: 1s;
  animation-delay: 2s }

section.sec13 h3 { 
  animation-duration: 1.25s;
  animation-delay: 2.25s }

section.sec13 ul { 
  animation-duration: 1.5s;
  animation-delay: 2.5s }

section.sec13 ul li .fa-duotone {
  --fa-primary-color: var(--circumvent);
  --fa-secondary-color: #FFFFFF }