:root {
  --900-black: #111;
  --000-white: white;
  --500-celery: #9fb64e;
  --600-wasabi: #7f923e;
  --700-fern-frond: #5f6d2f;
  --100-kidnapper: #e4ebcd;
  --0505-ecru-white: #f5f8ed;
  --200-sprout: #d3ddae;
  --300-pine-glade: #c2d08e;
  --800-clover: #40491f;
  --100-bon-jour: #e2e2e2;
  --700-tundora: #454545;
  --800-dune: #2b2b2b;
  --900-log-cabin: #202410;
  --400-star-dust: #949494;
  --600-storm-dust: #606060;
  --500-boulder: #7a7a7a;
  --300-silver-chalice: #aeaeae;
  --200-cloud: #c8c8c8;
  --400-olivine: #9fb64e;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

h1 {
  color: var(--900-black);
  text-align: left;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 58px;
  font-weight: 400;
  line-height: 1.2;
}

h2 {
  color: var(--900-black);
  text-align: left;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 1.2;
}

h3 {
  color: var(--900-black);
  text-align: left;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 42px;
  font-weight: 400;
  line-height: 1.2;
}

h4 {
  color: var(--900-black);
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.2;
}

h5 {
  color: var(--900-black);
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.2;
}

h6 {
  color: var(--900-black);
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
}

p {
  color: var(--900-black);
  text-align: left;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

a {
  color: var(--900-black);
  text-align: left;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
}

blockquote {
  text-align: left;
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-family: Quincy CF;
  font-size: 20px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.2;
}

.components {
  border-radius: 16px;
  flex-direction: column;
  align-items: flex-start;
  padding: 64px;
  display: none;
}

.h1 {
  color: var(--900-black);
  text-align: left;
  font-family: Poppins, sans-serif;
  font-size: 58px;
  font-weight: 400;
  line-height: 1.2;
}

.h2 {
  color: var(--900-black);
  text-align: left;
  font-family: Poppins, sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 1.2;
}

.h2.center-align {
  text-align: center;
}

.h2.center-align._000---white {
  color: var(--000-white);
}

.h3 {
  color: var(--900-black);
  text-align: left;
  font-family: Poppins, sans-serif;
  font-size: 42px;
  font-weight: 400;
  line-height: 1.2;
}

.h4 {
  color: var(--900-black);
  text-align: left;
  font-family: Poppins, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.2;
}

.h4.center-align {
  text-align: center;
}

.h4.center-align._000---white, .h4._000---white {
  color: var(--000-white);
}

.h4.goal-brand.pack-n-go {
  background-image: none;
}

.h5 {
  color: var(--900-black);
  text-align: left;
  font-family: Poppins, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.2;
}

.h5.center-align {
  text-align: center;
}

.h6 {
  color: var(--900-black);
  text-align: left;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
}

.h6.center-align {
  text-align: center;
}

.h6.inline {
  margin-top: 0;
  margin-bottom: 0;
}

.h6.inline._000---white {
  color: var(--000-white);
}

.p {
  color: var(--900-black);
  text-align: left;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}

.p.bold {
  font-weight: 700;
}

.p._000---white {
  color: var(--000-white);
}

.p.center-aliign {
  text-align: center;
}

.p._500---celery {
  color: var(--500-celery);
}

.p.semi-bold {
  font-weight: 600;
}

.p.goal-brand.pack-n-go {
  background-image: none;
}

.link {
  color: var(--500-celery);
  text-align: left;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: underline;
}

.quote {
  color: var(--900-black);
  text-align: left;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.2;
}

.button {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--500-celery);
  color: var(--000-white);
  text-align: center;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  box-shadow: 0 16px 40px #9fb64e4d;
}

.button:hover {
  background-color: var(--600-wasabi);
}

.button:active {
  background-color: var(--700-fern-frond);
}

.button.small {
  padding: 12px 16px;
}

.button.ghost {
  box-shadow: none;
  color: var(--500-celery);
  background-color: #0000;
}

.button.ghost:hover {
  background-color: var(--100-kidnapper);
  color: var(--600-wasabi);
}

.button.ghost._000---white {
  color: var(--000-white);
}

.button.ghost._000---white:hover {
  background-color: var(--000-white);
  color: var(--900-black);
}

.button.hollow {
  border: 1px solid var(--500-celery);
  box-shadow: none;
  color: var(--500-celery);
  background-color: #0000;
}

.button.hollow:hover {
  background-color: var(--500-celery);
  color: var(--000-white);
}

.button.hollow._000---white {
  border-color: var(--000-white);
  color: var(--000-white);
}

.button.hollow._000---white:hover {
  background-color: var(--0505-ecru-white);
  color: var(--900-black);
}

.button.secondary {
  background-color: var(--100-kidnapper);
  box-shadow: none;
  color: var(--600-wasabi);
}

.button.secondary:hover {
  background-color: var(--200-sprout);
  color: var(--700-fern-frond);
}

.button.secondary:active {
  background-color: var(--300-pine-glade);
  color: var(--800-clover);
}

.section {
  justify-content: center;
  align-items: center;
  padding: 64px;
  display: flex;
}

.section.vertical {
  flex-direction: column;
}

.section.vertical.gap-24 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.section.vertical.gap-64 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
}

.section.maketech {
  background-color: var(--100-bon-jour);
  background-image: url('../images/BANNERS-SITE-GOAL-01.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 580px;
  margin-bottom: 10px;
}

.section._900---black {
  background-color: var(--900-black);
}

.section._900---black.criatividade {
  background-image: url('../images/criatividade-background.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 580px;
  margin-bottom: 10px;
}

.section.worldbags {
  color: var(--000-white);
  background-color: #151515;
  background-image: url('../images/BANNERS-SITE-GOAL-02.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 580px;
  margin-bottom: 10px;
}

.section.footer-images {
  height: 326px;
  padding: 0;
}

.section.hide {
  display: none;
}

.section.about {
  padding-top: 375px;
}

.section.worldbags-copy {
  color: var(--000-white);
  background-color: #151515;
  background-image: url('../images/worldbags-background.png');
  background-position: 50%;
  background-size: cover;
  height: 580px;
}

.section.pack-n-go-classic {
  background-image: url('../images/BANNERS-SITE-GOAL-04.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 10px;
}

.section.pack-n-go-classic-copy {
  background-image: url('../images/BANNER-PACKN`GO-CLASSIC-DESKTOP-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.section.pack-n-go {
  background-image: url('../images/BANNERS-SITE-GOAL-03.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 10px;
}

.container {
  justify-content: center;
  align-items: center;
  width: 1180px;
  display: flex;
}

.container.vertical {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container.vertical.gap-24 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.container.space-between {
  justify-content: space-between;
}

.container.space-between.start-align {
  align-items: flex-start;
}

.container.space-between.gap-32 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

.container.two-columns {
  grid-column-gap: 24px;
  grid-row-gap: 6px;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.container.full {
  width: 100%;
}

.container.full.banner {
  background-color: #1e374e;
  background-image: url('../images/steps-background.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 32px;
  height: 572px;
}

.container.four-columns {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.container.horizontal.space-between.start-align.gap-16 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.container.three-columns {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.container.three-columns.about {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
}

.card {
  background-color: #fff;
  border: 1px #000;
  border-radius: 4px;
  padding: 24px;
  box-shadow: 0 16px 40px #0000000f;
}

.card.vertical {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.card.vertical.gap-16 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.card.vertical.center-align {
  align-items: center;
}

.card.dark {
  background-color: var(--700-tundora);
  color: var(--000-white);
}

.card.padding-32 {
  padding: 32px;
}

.divider {
  background-color: var(--100-bon-jour);
  color: var(--100-bon-jour);
  width: 100%;
  height: 1px;
}

.divider._500---sinbad {
  background-color: #9fd7c3;
}

.divider._000-white {
  background-color: #fff;
}

.divider._800---dune {
  background-color: var(--800-dune);
  color: var(--800-dune);
}

.footer {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: var(--900-black);
  color: var(--000-white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.group {
  display: flex;
}

.group.gap-12 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
}

.group.gap-12.center-align {
  flex: none;
  align-items: center;
}

.group.vertical {
  flex-direction: column;
  align-items: flex-start;
}

.group.vertical.left-align {
  align-items: flex-start;
}

.group.vertical.left-align.gap-64, .group.vertical.gap-24 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.group.vertical.wrap-text {
  width: 800px;
}

.group.vertical.center-align {
  align-items: center;
}

.group.gap-24 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.group.gap-16 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.group.space-between {
  justify-content: space-between;
}

.group.space-between.center-aling {
  align-items: center;
}

.group.space-between.center-aling.gap-8 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.icon {
  flex: none;
  width: 24px;
  height: 24px;
}

.icon.small {
  width: 16px;
  height: 16px;
}

.icon.small.color {
  color: var(--100-bon-jour);
}

.icon.larger {
  width: 40px;
  height: 40px;
}

.icon.larger._500---celery {
  color: var(--500-celery);
}

.icon.large {
  width: 32px;
  height: 32px;
}

.icon.smaller {
  width: 12px;
  height: 12px;
}

.p12 {
  color: var(--900-black);
  text-align: left;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}

.p12.bold {
  font-weight: 700;
}

.p12._000---white {
  color: var(--000-white);
}

.p12._500---celery {
  color: var(--500-celery);
}

.p12.inline {
  margin-bottom: 0;
}

.p12.inline._000--white {
  color: var(--000-white);
}

.social {
  background-color: var(--100-kidnapper);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  text-decoration: none;
  display: flex;
}

.navbar {
  background-color: #0000;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.brand {
  color: var(--000-white);
  width: 160px;
  padding-left: 0;
}

.nav-menu {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  align-items: center;
  display: flex;
}

.nav-link {
  color: var(--0505-ecru-white);
  padding-left: 0;
  padding-right: 0;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.nav-link.w--current {
  color: var(--0505-ecru-white);
}

.dot {
  background-color: #5aa58a;
  border-radius: 3px;
  width: 6px;
  height: 6px;
}

.button-small {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--500-celery);
  color: var(--000-white);
  text-align: center;
  border-radius: 4px;
  align-items: center;
  padding: 12px 16px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  box-shadow: 0 16px 40px #9fb64e80;
}

.button-small:hover {
  background-color: var(--600-wasabi);
}

.button-small:active {
  background-color: var(--700-fern-frond);
}

.button-small.small {
  padding: 12px 16px;
}

.button-small.ghost {
  box-shadow: none;
  color: var(--500-celery);
  background-color: #0000;
}

.button-small.ghost:hover {
  background-color: var(--100-kidnapper);
  color: var(--700-fern-frond);
}

.button-small.secondary {
  background-color: var(--100-kidnapper);
  box-shadow: none;
  color: var(--600-wasabi);
}

.button-small.secondary:hover {
  background-color: var(--200-sprout);
  color: var(--700-fern-frond);
}

.button-small.secondary:active {
  background-color: var(--300-pine-glade);
  color: var(--800-clover);
}

.collection.fill {
  flex: 1;
}

.link-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--600-wasabi);
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.collection-list.horizontal {
  justify-content: center;
  align-items: center;
  display: flex;
}

.collection-list.horizontal.space-between {
  justify-content: space-between;
}

.collection-list.five-columns {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-block {
  flex: none;
}

.body {
  background-image: url('../images/header-background.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 2560px;
}

.header {
  justify-content: center;
  align-items: center;
  padding: 64px;
  display: flex;
}

.header.vertical {
  flex-direction: column;
}

.header.home {
  flex-direction: column;
  height: 75vh;
  padding-top: 207px;
}

.p20 {
  color: var(--900-black);
  text-align: left;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
}

.p20.bold {
  font-weight: 700;
}

.p20.center-align {
  text-align: center;
}

.p20.center-align._000---white {
  color: var(--000-white);
}

.div-block {
  background-color: var(--0505-ecru-white);
}

.icon-embed-custom {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5625rem;
  display: flex;
}

.social-small {
  background-color: var(--100-kidnapper);
  color: var(--700-fern-frond);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.social-small.ghost {
  color: var(--700-fern-frond);
  background-color: #0000;
}

.social-small.ghost:hover {
  background-color: var(--100-kidnapper);
}

.social-small.ghost._000---white {
  color: var(--000-white);
}

.social-small.ghost._000---white:hover {
  background-color: var(--800-dune);
}

.social-small.ghost._000---white.hide {
  display: none;
}

.icon-embed-custom-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1.0625rem;
  display: flex;
}

.icon-embed-custom-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.0625rem;
  height: 1.0625rem;
  display: flex;
}

.goalcomercial-logo {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.maketech-logo {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 13.5625rem;
  height: 1.25rem;
  display: flex;
}

.world-bags-logo {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 13.25rem;
  height: 2.125rem;
  display: flex;
}

.icon-embed-custom-4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5625rem;
  display: flex;
}

.icon-embed-custom-5 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.5625rem;
  height: 2.5625rem;
  display: flex;
}

.icon-embed-custom-6 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 16.25rem;
  height: 2.5625rem;
  display: flex;
}

.words {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  border-top: 1px solid var(--100-bon-jour);
  background-color: var(--000-white);
  justify-content: center;
  align-items: center;
  height: 80px;
  padding-left: 64px;
  padding-right: 64px;
  display: flex;
  overflow: hidden;
}

.icon-embed-custom-7 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.4375rem;
  height: 1.5625rem;
  display: flex;
}

.footer-link-image {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--800-dune);
  color: var(--000-white);
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: all .2s;
  display: flex;
}

.footer-link-image:hover {
  background-color: var(--900-black);
}

.footer-link-image._01 {
  background-image: url('../images/maketech-01.png');
}

.footer-link-image._02 {
  background-image: url('../images/maketech-02.png');
}

.footer-link-image._03 {
  background-image: url('../images/footer-image-01.png');
}

.footer-link-image._04 {
  background-image: url('../images/footer-image-02.png');
}

.icon-embed-custom-8 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.3125rem;
  height: 1.3125rem;
  display: flex;
}

.div-block-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.darker-overlay {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #111c;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 32px;
  display: flex;
}

.scroll-animation {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-navbar {
  justify-content: center;
  align-items: center;
  padding-left: 64px;
  padding-right: 64px;
  display: flex;
}

.section-navbar.vertical {
  flex-direction: column;
}

.section-navbar.vertical.gap-24 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.section-navbar.vertical.gap-64 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
}

.section-navbar.maketech {
  background-color: var(--100-bon-jour);
  background-image: url('../images/maketech-background.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 580px;
}

.section-navbar._900---black {
  background-color: var(--900-black);
}

.section-navbar._900---black.criatividade {
  height: 580px;
}

.section-navbar.worldbags {
  background-color: var(--700-tundora);
  color: var(--000-white);
  height: 580px;
}

.section-navbar.footer-images {
  height: 326px;
  padding: 0;
}

.section-navbar.hide {
  display: none;
}

.section-navbar.about {
  padding-top: 400px;
}

.section-navbar.sticky {
  position: sticky;
}

.blanked-logo {
  color: var(--000-white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 13px;
  display: flex;
}

.image {
  width: 100%;
  height: 350px;
}

.heading {
  color: var(--400-star-dust);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
}

.pack-n-go {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: contain;
}

.pack-n-go-logo {
  width: 13em;
}

.pack-n-go-classic-logo {
  flex: 0 auto;
  width: 13em;
}

.icon-embed-custom-9 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 9.0625rem;
  height: 4rem;
  display: flex;
}

.icon-embed-custom-10 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 8.1875rem;
  height: 2.25rem;
  display: flex;
}

.brand-mobile-banner {
  display: none;
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 40px;
  }

  h2 {
    font-size: 36px;
  }

  h3 {
    font-size: 32px;
  }

  h4 {
    font-size: 28px;
  }

  h5 {
    font-size: 24px;
  }

  .components {
    padding: 167px 24px 24px;
    display: none;
  }

  .h1 {
    font-size: 40px;
  }

  .h2 {
    font-size: 36px;
  }

  .h3 {
    font-size: 32px;
  }

  .h4 {
    font-size: 28px;
  }

  .h4._000---white.goal-brand {
    color: var(--900-black);
    margin-top: 0;
    margin-bottom: 0;
  }

  .h4._000---white.goal-brand.world-bags {
    color: var(--000-white);
  }

  .h4.goal-brand {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 500;
  }

  .h4.goal-brand.pack-n-go {
    color: var(--000-white);
    background-image: none;
  }

  .h5 {
    font-size: 24px;
  }

  .p {
    font-size: 14px;
  }

  .p._000---white.goal-brand {
    color: var(--900-black);
  }

  .p._000---white.goal-brand.world-bags {
    color: var(--000-white);
  }

  .p.goal-brand {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    text-align: center;
    display: flex;
  }

  .p.goal-brand.pack-n-go {
    color: var(--000-white);
    background-image: none;
  }

  .section {
    padding: 24px;
  }

  .section.maketech {
    background-image: url('../images/BANNERS-MOBILE-521.png');
    align-items: flex-end;
    height: auto;
  }

  .section._900---black.criatividade {
    background-image: url('../images/criativity-background-mobile.png');
    height: 800px;
  }

  .section.worldbags {
    background-image: none;
    align-items: flex-end;
    height: auto;
  }

  .section.footer-images {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: 600px;
    display: grid;
  }

  .section.about {
    padding-top: 290px;
  }

  .section.worldbags-copy {
    background-image: url('../images/worldbags-background-mobile.png');
    align-items: flex-end;
    height: 800px;
  }

  .section.pack-n-go-classic {
    background-color: #011c22;
    background-image: none;
    align-items: flex-end;
    height: auto;
  }

  .section.pack-n-go {
    background-color: #eeccd2;
    background-image: none;
    align-items: flex-end;
    height: auto;
  }

  .container {
    width: 100%;
  }

  .container.two-columns {
    grid-row-gap: 0px;
    grid-template-rows: .25fr auto auto auto 62px;
    grid-template-columns: 1.25fr;
    grid-auto-rows: minmax(0, .25fr);
    align-content: stretch;
    align-items: end;
  }

  .container.four-columns {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    overflow: auto;
  }

  .container.horizontal {
    flex-direction: column;
  }

  .container.three-columns {
    grid-template-columns: 1fr;
  }

  .card {
    background-color: var(--0505-ecru-white);
    box-shadow: none;
  }

  .footer {
    padding-left: 24px;
    padding-right: 24px;
  }

  .group.vertical.gap-24.goal-brand {
    grid-template-rows: 1.75fr auto .25fr .25fr .25fr minmax(min-content, .25fr) auto auto auto auto auto;
  }

  .group.vertical.center-align.wrap-text.gap-24 {
    width: 100%;
  }

  .group.gap-24 {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .group.horizontal {
    flex-direction: column;
  }

  .icon {
    flex: none;
  }

  .navbar {
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }

  .brand {
    width: 130px;
  }

  .brand.footer-logo {
    margin-bottom: 32px;
  }

  .nav-menu {
    background-color: var(--100-kidnapper);
    border-radius: 8px;
    margin-left: 24px;
    margin-right: 24px;
    padding: 24px;
  }

  .nav-link {
    color: var(--900-black);
  }

  .button-small.ghost {
    background-color: var(--0505-ecru-white);
  }

  .button-small.secondary {
    grid-row-gap: 0px;
    width: 150px;
  }

  .body {
    background-size: 2000px;
  }

  .header {
    padding: 24px;
  }

  .header.home {
    height: auto;
  }

  .p20.center-align._000---white.home {
    display: none;
  }

  .world-bags-logo {
    color: var(--000-white);
  }

  .words {
    justify-content: flex-start;
    overflow: auto;
  }

  .darker-overlay {
    padding: 12px;
  }

  .menu {
    background-color: var(--100-kidnapper);
    color: var(--900-log-cabin);
    border-radius: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    display: flex;
  }

  .menu.w--open {
    background-color: var(--500-celery);
    color: var(--000-white);
  }

  .icon-2 {
    text-align: center;
  }

  .pack-n-go-logo {
    width: 17em;
  }

  .pack-n-go-classic-logo {
    filter: invert();
    color: var(--000-white);
    width: 12em;
  }

  .brand-mobile-banner {
    border-radius: 24px;
    width: 100%;
    display: block;
  }

  .image-2 {
    filter: invert();
    align-self: center;
  }
}

#w-node-_59a9fa3b-7e16-14d9-7a2e-da4cdce95ece-6bf1e737 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b0e74203-e59a-cd68-013f-f10bb8a7326b-6bf1e737, #w-node-_2622bc45-dc43-f82b-dbf5-d39e74d14227-6bf1e737 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-a5834076-c8ce-3af0-6ebb-970a9a389e5c-6bf1e737 {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-fa004f5f-1449-6d04-6b6a-8f9d337ce2bd-6bf1e737, #w-node-_64455e76-cfb5-3b94-99cf-fc6ac641f306-6bf1e737, #w-node-bbf40a66-6f55-0bb1-25f2-f0902ebacad2-6bf1e737, #w-node-ce850b8e-df4c-ee31-dfaa-70b26a591a4f-6bf1e737 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_37f091bf-fd71-2966-4ac3-9c878ac27d94-6bf1e737 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_09428d9c-07be-2d6d-8428-0e770eb3c0ff-6bf1e737, #w-node-a9c5f5a0-39fc-ae6c-09c1-d1978ea66ed4-6bf1e737, #w-node-bf524a77-7a5d-d844-be33-2f7868bab6e9-6bf1e737, #w-node-_722ed38f-cf6c-4208-6316-da6a08fd4e2f-6bf1e737, #w-node-_349df676-eee7-fe32-c2b0-7381c40e8f38-6bf1e737, #w-node-e90cb588-9570-d095-e535-c1ce795547de-6bf1e737 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 479px) {
  #w-node-a5834076-c8ce-3af0-6ebb-970a9a389e5c-6bf1e737 {
    grid-column: 1 / 2;
  }

  #w-node-_61bbf09e-5d4f-1b46-7fa3-1870354acfad-6bf1e737 {
    justify-self: center;
  }

  #w-node-_6a2d72c0-59c7-ba0b-f6b0-c33b726d0d76-6bf1e737 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-bf524a77-7a5d-d844-be33-2f7868bab6e9-6bf1e737 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-db12d0af-385e-f636-7721-72655beff0bf-6bf1e737, #w-node-_722ed38f-cf6c-4208-6316-da6a08fd4e2f-6bf1e737, #w-node-_349df676-eee7-fe32-c2b0-7381c40e8f38-6bf1e737 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}