:root {
  --midnight-blue-2: #112541;
  --white: white;
  --light-sea-green: #3db8a1;
  --red: #ed3118;
  --dark-slate-blue: #1e4275;
  --dark-slate-blue-3: #23508f;
  --midnight-blue-3: #18345c;
  --coral: #ff781f;
  --cornflower-blue: #9ec6ff;
  --teal: #2b7588;
  --dark-cyan: #30888f;
  --dark-slate-blue-4: #1e4275;
  --black: black;
  --old-lace: #fff4df;
  --midnight-blue: #1125417a;
  --red-2: red;
  --charcoal: #222;
  --dark-slate-blue-2: #1e42757a;
  --saddle-brown: #744426;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  background-color: var(--midnight-blue-2);
  color: var(--white);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  font-family: Noto Sans Display, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  display: block;
}

h1 {
  letter-spacing: .5px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Serif, sans-serif;
  font-size: 54px;
  font-weight: 700;
  line-height: 1.2em;
}

h2 {
  color: var(--white);
  text-align: center;
  letter-spacing: .5px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Serif, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2em;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans Display, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 1.4em;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans Display, sans-serif;
  font-size: 21px;
  font-weight: 300;
  line-height: 1.4em;
}

a {
  text-decoration: underline;
}

strong {
  font-weight: bold;
}

.header-home {
  z-index: 0;
  background-color: #27282d;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 50vh;
  min-height: 490px;
  max-height: none;
  font-size: 14px;
  line-height: 14px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ttd_logo {
  background-color: #0000;
  order: -1;
  align-self: flex-start;
  margin-bottom: 90px;
  padding-top: 50px;
  display: block;
  position: relative;
}

.ttd_logo.lead {
  width: 215px;
  max-width: none;
  margin-bottom: 0;
  padding-top: 0;
}

.small-divider-line {
  z-index: 2;
  background-color: var(--light-sea-green);
  flex: 0 auto;
  align-self: center;
  width: 80px;
  height: 3px;
  margin-top: 36px;
  margin-bottom: 41px;
  display: block;
  position: relative;
}

.small-divider-line.center {
  align-self: flex-start;
  margin: 48px auto 45px;
  display: flex;
}

.matt_intro {
  z-index: auto;
  float: none;
  clear: both;
  cursor: default;
  flex-wrap: nowrap;
  justify-content: center;
  align-self: auto;
  align-items: stretch;
  width: 100%;
  min-width: auto;
  max-width: 1288px;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: absolute;
  inset: -156px auto 0;
}

.matt-txt-wrapper {
  clear: none;
  background-color: var(--red);
  width: 50%;
  max-width: 622px;
  height: 313px;
  padding-left: 60px;
  padding-right: 150px;
  display: flex;
}

.matt-txt-wrapper.noply {
  background-color: var(--red);
  flex-direction: row;
  width: 50%;
  min-width: auto;
  max-width: 644px;
  height: 312px;
  padding-right: 60px;
}

.matt-txt {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 360px;
  margin: auto;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.matt_overlay {
  float: right;
  clear: none;
  background-color: #0000;
  background-image: url('../images/Matt_port_head_top.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 644px;
  background-attachment: scroll;
  width: 100%;
  max-width: 644px;
  height: 371px;
  display: block;
  position: absolute;
  top: -59px;
  left: 0;
  transform: translate(0);
}

.approach {
  float: none;
  clear: none;
  background-color: var(--dark-slate-blue);
  background-image: linear-gradient(to bottom, var(--dark-slate-blue-3), var(--midnight-blue-3));
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-top: 256px;
  padding-bottom: 0;
  display: flex;
  position: relative;
  top: 0;
}

.play-arrow {
  color: var(--red);
  cursor: pointer;
  background-color: #0000;
  margin-left: 3px;
  font-family: "Fa solid 900";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
  position: absolute;
}

.social-icon-wrapper {
  flex: 0 auto;
  justify-content: space-between;
  align-self: auto;
  align-items: center;
  width: 220px;
  margin: 0 0 4px;
  display: flex;
}

.social-icon {
  color: var(--white);
  text-align: center;
  cursor: pointer;
  background-color: #0000;
  width: auto;
  height: auto;
  font-family: "Fa brands 400";
  font-size: 34px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
  text-decoration: none;
  transition: color .35s;
}

.social-icon:hover {
  color: var(--coral);
}

.social-icon.foot {
  color: var(--cornflower-blue);
}

.social-icon.foot:hover {
  color: var(--white);
}

.h4 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 21px;
  font-weight: 300;
  line-height: 1.4em;
}

.h4.center {
  text-align: center;
  width: auto;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.4em;
  position: relative;
}

.h4.left.list {
  margin-bottom: 10px;
}

.header-wrapper {
  align-self: center;
  width: 900px;
  min-width: auto;
  max-width: none;
  margin-top: 92px;
  position: relative;
}

.header-wrapper.lead {
  align-self: center;
  width: auto;
  margin-top: 60px;
}

.questions-wrapper {
  align-self: center;
  width: 840px;
  min-width: auto;
  max-width: none;
  margin-bottom: 256px;
  position: relative;
}

.section-container {
  color: var(--white);
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: auto;
  max-width: 1288px;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-left: 40px;
  padding-right: 40px;
  transition: opacity .2s;
  display: flex;
  position: relative;
  top: auto;
  overflow: visible;
}

.section-container.top {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  height: auto;
  min-height: auto;
  max-height: none;
  margin: auto;
  display: flex;
}

.section-container.top.home {
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1288px;
  height: auto;
  min-height: auto;
  margin: 60px 0 100px;
  padding-left: 40px;
  display: flex;
}

.section-container.center {
  flex-direction: column;
  align-self: center;
  align-items: center;
  width: 100%;
  min-width: auto;
  display: flex;
}

.section-container.center.lead {
  margin-top: 0;
  margin-bottom: 370px;
}

.section-container.center.lead.multi {
  margin-bottom: 300px;
}

.section-container.center.home {
  padding-bottom: 92px;
}

.section-container.center.dino-ten {
  margin-bottom: 100px;
}

.section-container.cookies {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-width: 1288px;
  height: auto;
  min-height: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.section-container.topic {
  margin-top: 94px;
  margin-bottom: 90px;
}

.section-container.thanks {
  flex: 0 auto;
  margin-top: 40px;
  margin-bottom: 306px;
  padding-bottom: 0;
}

.section-container.offer {
  margin-top: 256px;
  margin-bottom: 100px;
  overflow: hidden;
}

.section-container.insta {
  flex: 0 auto;
  margin-top: 40px;
  margin-bottom: 306px;
  padding-bottom: 0;
}

.section-container.instagram {
  max-width: 720px;
  padding-top: 40px;
}

.section-container.offer-blank {
  margin-top: 256px;
  margin-bottom: 100px;
  overflow: hidden;
}

.section-container.dino-book {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.section-container.offer--masks {
  margin: 0 0 100px;
  padding-left: 40px;
  padding-right: 40px;
  overflow: visible;
}

.card-wrapper {
  justify-content: space-around;
  min-height: 100%;
  max-height: 532px;
  display: flex;
}

.card-wrapper._2 {
  text-align: left;
  flex-flow: wrap;
  place-content: space-around;
  align-self: auto;
  align-items: flex-end;
  width: auto;
  min-height: auto;
  max-height: none;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: visible;
}

.card-wrapper.understand {
  justify-content: space-between;
  width: auto;
  min-width: auto;
  max-width: 1288px;
  margin-top: 47px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
}

.card-wrapper.footer {
  background-color: #0000;
  background-image: none;
  justify-content: space-around;
  width: 100%;
  padding-top: 90px;
  padding-bottom: 0;
}

.understand-card {
  background-image: url('../images/kid_images_01.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 404px;
  max-width: 404px;
  height: 532px;
  max-height: 532px;
  display: flex;
}

.understand-card._1 {
  border: 1px none var(--light-sea-green);
  background-position: 50%;
  background-size: cover;
  justify-content: space-between;
  width: 32.5%;
  max-width: none;
  height: auto;
  min-height: 0;
  padding-top: 33%;
}

.understand-card._2 {
  border: 1px none var(--light-sea-green);
  background-image: url('../images/kid_images_02.jpg');
  background-position: 50%;
  width: 32.5%;
  height: auto;
  padding-top: 33%;
}

.understand-card._3 {
  border: 1px none var(--light-sea-green);
  background-image: url('../images/kid_images_03.jpg');
  background-position: 50%;
  width: 32.5%;
  height: auto;
  padding-top: 33%;
}

.card-info {
  background-color: #18345ce6;
  border-top-right-radius: 0;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 0 20px;
  display: flex;
  position: relative;
}

.circle {
  background-color: var(--light-sea-green);
  border-radius: 22px;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  margin-right: 10px;
  display: flex;
  overflow: visible;
}

.h3-num {
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1em;
  display: flex;
}

.text-block {
  text-align: left;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-right: 14px;
  line-height: 1.3em;
  display: flex;
}

.text-block._1 {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-right: 0;
}

.text-block._3 {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-right: 12px;
}

.topic-wrapper {
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  min-width: 300px;
  max-width: none;
  margin-top: 50px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.topic-wrapper._4 {
  align-items: center;
  margin-right: 0;
}

.image-3 {
  flex: 0 auto;
  align-self: center;
  margin-bottom: 24px;
  position: relative;
}

.footer {
  background-color: var(--midnight-blue-3);
  background-image: linear-gradient(to bottom, var(--midnight-blue-3), var(--midnight-blue-2));
  border-top: 1px #3db8a1ad;
  justify-content: center;
  align-items: flex-start;
  margin-top: auto;
  padding-top: 0;
  padding-bottom: 50px;
  display: flex;
  position: relative;
  inset: auto;
}

.footer-item-wrapper {
  flex-flow: column;
  flex: none;
  place-content: space-around flex-start;
  align-items: center;
  width: auto;
  min-width: auto;
  max-width: none;
  display: flex;
  overflow: visible;
}

.play-btn-back {
  color: #fff;
  background-color: #fff;
  border: 2px #fff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  display: none;
  position: absolute;
  inset: 107px auto auto;
  overflow: hidden;
}

.button {
  z-index: 20;
  background-color: var(--red);
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  border: 0 #0000;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: auto;
  max-width: none;
  height: 48px;
  margin-top: 0;
  padding-top: 0;
  padding-left: 24px;
  padding-right: 24px;
  font-family: Noto Sans Display, sans-serif;
  font-size: 1em;
  font-weight: 700;
  line-height: 1em;
  text-decoration: none;
  transition: background-color .35s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: relative;
}

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

.button.cookie {
  background-color: var(--cornflower-blue);
  border-radius: 8px;
  width: auto;
  height: 32px;
}

.button.cookie:hover {
  background-color: var(--white);
}

.button-icon {
  color: var(--midnight-blue-2);
  cursor: pointer;
  justify-content: flex-end;
  font-family: "Fa solid 900";
  font-size: 20px;
  line-height: 1em;
  display: none;
  position: relative;
  top: auto;
  left: 16%;
}

.matt_wrapper {
  float: right;
  clear: none;
  background-color: var(--teal);
  background-image: radial-gradient(circle farthest-corner at 66% 100%, var(--dark-cyan) 25%, var(--dark-slate-blue-4));
  align-items: stretch;
  width: 50%;
  min-width: auto;
  max-width: 644px;
  height: 312px;
  display: block;
  position: relative;
  top: 0;
}

.footer-text {
  color: #fff;
  text-align: center;
  margin-top: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  position: relative;
}

.footer-text.foot {
  opacity: 1;
  color: var(--white);
  font-family: Noto Sans Display, sans-serif;
  font-size: 12px;
  line-height: 1em;
}

.footer-links {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 45px;
  display: flex;
}

.footer-links-wrapper {
  display: flex;
}

.secttion-line {
  background-color: var(--light-sea-green);
  opacity: .26;
  border: 1px #000;
  align-self: flex-start;
  width: 100%;
  height: 1px;
  margin-top: 100px;
  display: flex;
}

.button-txt {
  color: var(--white);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  border: 1px #000;
  padding-left: 0;
  padding-right: 16px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1em;
  text-decoration: none;
  display: block;
}

.button-txt.secondary {
  color: var(--midnight-blue-2);
  cursor: pointer;
  flex: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1em;
}

.about-section {
  background-color: var(--midnight-blue-2);
  perspective: 2400px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  max-height: none;
  display: flex;
  position: relative;
  overflow: visible;
}

.header-wrapper-lead {
  text-align: left;
  align-self: center;
  width: auto;
  margin-top: 60px;
  margin-bottom: 0;
  position: relative;
}

.header-wrapper-lead.center {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  width: 470px;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 6px;
  display: flex;
}

.crayons-container {
  display: inline-block;
  position: relative;
  transform: translate(-6%, -86px)rotate(-20deg);
}

.crayons-container.home {
  justify-content: flex-end;
  align-self: flex-end;
  align-items: flex-start;
  width: 18%;
  max-width: none;
  margin-top: 140px;
  margin-left: 0;
  margin-right: 10px;
  display: flex;
  position: relative;
  inset: auto;
  transform: translate(0%)rotate(-20deg);
}

.crayons-container.home.small {
  width: 14%;
}

.crayons-container.home.small.dino {
  margin-right: 0%;
}

.crayon-shadow-1 {
  opacity: .28;
  filter: blur() brightness(8%);
  position: absolute;
  transform: translate(4px, -3px);
}

.crayons {
  display: inline-block;
  position: relative;
}

.crayon-shadow-2 {
  opacity: .16;
  filter: blur(3px) brightness(8%);
  position: absolute;
  transform: translate(6px, -6px);
}

.glue-container {
  width: 7%;
  margin-left: 10%;
  display: inline-block;
  position: relative;
  transform: translate(0);
}

.glue-container.dino {
  margin-top: 4%;
  margin-left: 0%;
  margin-right: 0%;
  transform: rotate(90deg);
}

.glue-container.dino-2 {
  margin-top: 0%;
  margin-left: 20%;
  margin-right: 0%;
  transform: rotate(90deg);
}

.glue {
  position: relative;
}

.glue-shadow-1 {
  opacity: .28;
  filter: blur(6px) brightness(8%);
  position: absolute;
  transform: scale(1.2)rotate(13deg)translate(5px, -5px);
}

.glue-shadow-2 {
  opacity: .28;
  filter: blur(12px) brightness(8%);
  transform-style: preserve-3d;
  display: block;
  position: absolute;
  transform: scale3d(1.4, 1.6, 1)rotate(9deg)translate(20px, -30px);
}

.scissors-container {
  width: 8.5%;
  height: 120.688%;
  margin-right: 10%;
  display: inline-block;
  position: relative;
  transform: translate(0%)rotate(-20deg);
}

.scissors-container.dino {
  margin: 0% 20% 0% 0%;
  transform: translate(0%)rotate(110deg);
}

.scissors {
  display: block;
  position: relative;
  transform: rotate(0);
}

.scissors-shadow-1 {
  opacity: .32;
  filter: brightness(8%);
  display: block;
  position: absolute;
  transform: translate(2px, -2px);
}

.scissors-shadow-2 {
  opacity: .16;
  filter: blur(2px) brightness(8%);
  display: block;
  position: absolute;
  transform: translate(4px, -4px);
}

.pencil-container {
  display: inline-block;
  position: relative;
  transform: translate(14px, -71px)rotate(5deg);
}

.pencil-container.home {
  align-items: flex-start;
  width: 33%;
  margin-left: 0;
  display: flex;
  position: relative;
  top: auto;
  transform: translate(0)rotate(5deg);
}

.pencil-container.home.small {
  width: 25%;
}

.pencil {
  position: relative;
}

.pencil-shadow-1 {
  opacity: .32;
  filter: brightness(8%);
  position: absolute;
  transform: translate(2px, -2px);
}

.pencil-shadow-2 {
  opacity: .32;
  filter: blur(2px) brightness(8%);
  position: absolute;
  transform: translate(4px, -4px);
}

.modal-wrapper {
  z-index: 3000;
  background-color: #112541f0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.modal-wrapper.terms {
  flex-direction: row;
  width: auto;
  height: auto;
  display: none;
  inset: 0%;
  overflow: visible;
}

.modal-wrapper.privacy {
  display: none;
}

.modal-wrapper.video {
  display: flex;
}

.modal {
  z-index: 9000;
  background-color: var(--white);
  color: var(--dark-slate-blue);
  flex-direction: column;
  width: auto;
  max-width: 1288px;
  height: 90vh;
  margin-left: 40px;
  margin-right: 40px;
  padding: 0 40px 40px;
  display: flex;
  position: static;
  top: auto;
  overflow: visible;
}

.modal.vid-holder {
  background-color: #0000;
  width: 100%;
  height: auto;
  margin-left: 40px;
  margin-right: 40px;
  padding: 0 0 0%;
}

.modal-h1 {
  z-index: auto;
  background-color: var(--white);
  color: var(--light-sea-green);
  margin-bottom: 0;
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
  inset: 0 auto auto;
}

.modal-h3, .text-block-4 {
  margin-bottom: 50px;
}

.modal-txt-wrapper {
  flex-direction: column;
  height: 100%;
  display: block;
  position: static;
  overflow: auto;
}

.modal-closer {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  display: block;
  position: fixed;
  inset: 0%;
}

.close-btn {
  background-color: #0000;
  width: 40px;
  height: 40px;
  position: absolute;
  inset: 20px -20px auto auto;
}

.close-btn.video {
  right: 20px;
}

.close-line {
  background-color: var(--midnight-blue-2);
  width: 40px;
  height: 2px;
  transform: translate(0, 18px)rotate(45deg);
}

.close-line.dark {
  background-color: var(--red);
}

.close-line-2 {
  background-color: var(--midnight-blue-2);
  width: 40px;
  height: 2px;
  transform: translate(0, 16px)rotate(-45deg);
}

.close-line-2.dark {
  background-color: var(--red);
}

.modal-header {
  position: sticky;
  top: 0;
}

.preloader {
  z-index: 10000;
  background-color: var(--dark-slate-blue);
  color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.loading-txt {
  color: var(--light-sea-green);
  padding-left: 0;
  font-size: 26px;
  font-weight: 400;
  line-height: 42px;
  display: flex;
}

.center {
  text-align: center;
  line-height: 1.3em;
}

.free-offer {
  text-align: center;
  background-image: radial-gradient(circle, #1e427540 25%, #1e4275e6), url('../images/blue_lt_2_paper.jpg');
  background-position: 0 0, 0 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.left {
  text-align: left;
  letter-spacing: 1px;
  margin-bottom: 0;
}

.left.book-title {
  color: var(--white);
  margin-top: 14px;
}

.left.shadow {
  color: var(--white);
  text-shadow: 0 0 12px #0000007a;
}

.nav {
  flex-direction: row;
  order: 0;
  justify-content: space-between;
  align-self: auto;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 40px;
  margin-bottom: 0;
  display: flex;
}

.nav.lead {
  margin-top: 40px;
  margin-bottom: 0;
}

.nav._404 {
  justify-content: center;
}

.nav.thanks {
  margin-top: 0;
}

.nav-item {
  color: var(--cornflower-blue);
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  object-fit: fill;
  flex-direction: row;
  align-items: center;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  transition: color .35s;
  display: flex;
}

.nav-item:hover {
  color: var(--white);
}

.nav-item.terms {
  margin-right: 60px;
}

.ipad {
  object-fit: none;
  align-self: center;
  width: 100%;
  min-width: auto;
  max-width: 900px;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-top: 0;
  margin-bottom: 40px;
  position: relative;
  overflow: visible;
}

.ab-book-info {
  background-color: #0000;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.ipad-shadow {
  float: none;
  clear: none;
  width: 112.7%;
  max-width: none;
  max-height: none;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.ipad-frame {
  float: none;
  clear: none;
  object-fit: fill;
  width: 100%;
  max-width: none;
  max-height: none;
  display: block;
  position: relative;
}

.apple-books-btn {
  cursor: auto;
  width: 170px;
  max-width: none;
  height: 53px;
  margin-left: 0;
  position: relative;
}

.book-description {
  text-align: left;
  justify-content: space-between;
  align-items: baseline;
  width: auto;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  display: flex;
  position: relative;
  top: 0;
}

.activity-text-wrapper-center {
  align-self: center;
  width: 550px;
  min-width: auto;
  max-width: none;
  margin-bottom: 24px;
  position: relative;
}

._3-activitiy-pages-wrapper {
  perspective: 2000px;
  justify-content: center;
  align-self: center;
  width: 100%;
  margin-bottom: 140px;
  display: flex;
  position: relative;
  transform: translate(0);
}

._3-activitiy-pages-wrapper.multi {
  z-index: 2;
  margin-bottom: 60px;
}

._3-activitiy-pages-wrapper.single {
  z-index: 0;
  margin-bottom: 0;
}

._3-activitiy-pages-wrapper.top {
  margin-bottom: 0;
}

._3-activitiy-pages-wrapper.bottom-coloring {
  z-index: 100;
  margin-bottom: 60px;
  transform: translate(0);
}

.activity-page-home {
  width: 100%;
  max-width: 489px;
  position: relative;
}

.activity-page-home.coloring {
  transform: translate(0);
}

.activity-page-home.dino-3 {
  z-index: 60;
  transform: rotate(-6deg);
}

.activity-page-home.dino-4 {
  transform: rotate(6deg);
}

.activity-page-home.dino-1 {
  margin-top: 80px;
  margin-right: 40px;
  padding-top: 0;
}

.activity-page-home.dino-2 {
  margin-top: 80px;
  margin-left: 40px;
  padding-top: 0;
  transform: translate(0);
}

.dark {
  color: var(--dark-slate-blue);
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.spinner {
  width: 80px;
  height: 80px;
  margin-bottom: 10px;
  margin-right: 0;
}

.screen-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.ankylo {
  width: 81.9%;
  max-width: 100%;
}

.stego {
  width: 81.9%;
  max-width: 100%;
  display: block;
}

.trex {
  width: 81.9%;
}

.freebie-mockup {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  grid-template: "Area Area"
                 "Area Area"
                 / 4.75fr;
  grid-auto-flow: column;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 50px;
  display: flex;
  position: static;
}

.freebie-mockup.home {
  align-items: center;
  margin-top: 30px;
  margin-bottom: 0;
  position: static;
}

.supplies-container {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: minmax(auto, .25fr) auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 3%;
  margin-bottom: 0;
  display: flex;
  position: absolute;
  transform: translate(0, -67%);
}

.supplies-container.top {
  z-index: 100;
  flex: 0 auto;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  transform: none;
}

.supplies-container.top.dino-masks {
  justify-content: center;
  display: none;
}

.supplies-container.bottom {
  z-index: 200;
  justify-content: space-around;
  align-items: center;
  margin-top: 35%;
}

.supplies-container.bottom.dino {
  justify-content: center;
}

.supplies-container.top-coloring {
  z-index: 100;
  flex: 0 auto;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  transform: none;
}

.supplies-container.dino {
  z-index: 200;
  justify-content: space-between;
  align-items: center;
  margin-top: 30%;
}

.supplies-container.home {
  z-index: 100;
  flex: 0 auto;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  transform: none;
}

.supplies-container.home.dino-masks {
  justify-content: center;
  display: none;
}

.privacy-overlay {
  z-index: 900;
  background-color: #112541cc;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: auto;
  min-height: auto;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.link {
  color: var(--white);
}

.cookie-text {
  text-align: left;
  align-self: center;
  width: 45%;
  height: auto;
  font-size: 12px;
  line-height: 1.3em;
  display: block;
}

.copyright-text {
  opacity: .6;
  flex-direction: row;
  display: flex;
}

.home-email-list-form {
  z-index: 100;
  object-fit: none;
  align-self: center;
  width: auto;
  max-width: 520px;
  height: 190px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  line-height: 1.4em;
  position: relative;
}

.home-btn {
  margin-top: 0;
  margin-bottom: 0;
}

.home-btn.w--current {
  cursor: pointer;
}

.book-features {
  width: 39%;
  max-width: none;
  margin: 0;
  padding-bottom: 0;
  padding-left: 24px;
}

.book-intro {
  width: 100%;
  font-size: 21px;
}

.ppdd-pb-cta {
  z-index: 20;
  cursor: pointer;
  justify-content: flex-end;
  width: 170px;
  max-width: none;
  height: 53px;
  margin: 0;
  display: flex;
  position: absolute;
}

.ppdd-pb-cta.instagram {
  margin-left: auto;
  margin-right: auto;
}

.button-cta {
  z-index: 20;
  background-color: var(--red);
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  border: 0 #0000;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: auto;
  max-width: none;
  height: 48px;
  margin-top: 0;
  padding-top: 0;
  font-family: Roboto, sans-serif;
  font-size: 1em;
  font-weight: 700;
  line-height: 1em;
  text-decoration: none;
  transition: background-color .35s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: relative;
  box-shadow: 0 0 16px 4px #11254170;
}

.button-cta:hover {
  background-color: var(--coral);
}

.button-cta.phone {
  display: none;
}

.button-cta._404 {
  object-fit: fill;
  flex: 0 auto;
  margin: 50px auto 10px;
  display: flex;
  position: relative;
}

.button-cta.lead {
  box-shadow: 0 0 8px 2px #00000052;
}

.button-cta.thanks {
  display: flex;
  box-shadow: 0 0 16px 4px #00000052;
}

.button-cta.thanks.feedback {
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.button-cta.password {
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.button-cta.insta {
  width: 300px;
}

.btn-cta-text {
  padding-left: 24px;
  padding-right: 24px;
  font-family: Droid Sans, sans-serif;
  font-size: 14px;
}

.book-header {
  text-align: left;
  flex-direction: row;
  flex: 0 auto;
  justify-content: space-between;
  align-self: auto;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-top: 0;
  margin-bottom: 0%;
  display: flex;
  position: relative;
}

.offer-home {
  z-index: -1;
  background-image: linear-gradient(#744426a3, #74442600 50%, #744426a3), url('../images/Melamine-wood-005.png');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  font-size: 14px;
  line-height: 14px;
  display: flex;
  position: static;
  overflow: hidden;
}

.overlay-container {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  min-width: auto;
  max-width: 1280px;
  height: 313px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.overlay-container.overlay-shadow {
  height: 313px;
  position: relative;
  box-shadow: 0 16px 44px #00000094;
}

.overlay-container.overlay-shadow.lead {
  background-color: var(--dark-cyan);
  background-image: linear-gradient(to bottom, var(--teal), var(--dark-cyan));
  justify-content: space-between;
  align-items: stretch;
  height: auto;
  inset: auto;
  box-shadow: 0 16px 44px #00000094;
}

.bold {
  margin-bottom: 24px;
  font-weight: 700;
}

.bold.tight {
  text-align: center;
  align-self: center;
  width: auto;
  margin-bottom: 16px;
  padding-left: 40px;
  padding-right: 40px;
  line-height: 1.1em;
}

.light {
  margin-bottom: 0;
  font-family: Droid Sans, sans-serif;
  font-weight: 300;
}

.h4-center {
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
}

.header-image {
  background-image: url('../images/header-image-grade_02.jpg');
  background-position: 44% 52%;
  background-repeat: no-repeat;
  background-size: 2000px;
  width: auto;
  height: auto;
  position: absolute;
  inset: 0%;
}

.button-secondary {
  z-index: 20;
  background-color: var(--cornflower-blue);
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  border: 0 #0000;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: auto;
  max-width: none;
  height: 48px;
  margin-top: 0;
  padding-top: 0;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 1em;
  font-weight: 700;
  line-height: 1em;
  text-decoration: none;
  transition: background-color .35s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: relative;
}

.button-secondary:hover {
  background-color: var(--white);
}

.button-txt-secondary {
  color: var(--midnight-blue-2);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  border: 1px #000;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1em;
  text-decoration: none;
  display: block;
}

.button-icon-secondary {
  color: var(--midnight-blue-2);
  cursor: pointer;
  justify-content: flex-end;
  font-family: "Fa solid 900";
  font-size: 20px;
  line-height: 1em;
  display: none;
  position: relative;
  top: auto;
  left: 16%;
}

.header-thanks {
  background-color: var(--midnight-blue-2);
  perspective: 2400px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: auto;
  max-height: none;
  display: flex;
  position: relative;
  overflow: visible;
}

.thanks-txt-wrapper {
  align-self: center;
  width: 740px;
  min-width: auto;
  max-width: none;
  margin-bottom: 0;
  position: relative;
}

.header-404 {
  background-color: var(--midnight-blue-2);
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #1e427599, #1e427500), url('../images/icon_pattern_03_sm.svg'), linear-gradient(to bottom, var(--dark-cyan), var(--dark-slate-blue-4) 50%, var(--dark-slate-blue));
  perspective: 2400px;
  background-position: 0 0, 50%, 0 0;
  background-size: auto, 800px 800px, auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  min-height: 480px;
  max-height: none;
  display: flex;
  position: relative;
  overflow: visible;
}

.headline-wrapper {
  flex-direction: column;
  justify-content: center;
  width: auto;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  position: relative;
}

.offer-image-1 {
  z-index: 10;
  transform-style: preserve-3d;
  position: relative;
  transform: translate3d(0, 0, 10px);
}

.offer-image-1.page-shadow {
  z-index: 100;
  transform-style: preserve-3d;
  box-shadow: 0 0 4px #0000007a;
}

.offer-image-2 {
  transform-style: preserve-3d;
  transform: translate3d(-38px, 24px, -10px)rotate(8deg);
  box-shadow: 0 0 4px #0000007a;
}

.offer-image-2.page-shadow {
  box-shadow: 0 0 4px #0000007a;
}

.offer-image-2.page-shadow.btm-6, .offer-image-2.top-3 {
  transform-style: preserve-3d;
}

.offer-image-2.dino-2 {
  transform-style: preserve-3d;
  display: block;
  transform: translate3d(-71px, 24px, -10px)rotate(8deg);
}

.offer-image-3 {
  transform-style: preserve-3d;
  transform: rotate(-8deg)translate3d(38px, 32px, -10px);
  box-shadow: 0 0 4px #0000007a;
}

.offer-image-3.page-shadow {
  box-shadow: 0 0 4px #0000007a;
}

.offer-image-3.page-shadow.btm-4, .offer-image-3.top-1 {
  transform-style: preserve-3d;
}

.offer-image-3.dino-1 {
  display: block;
  transform: translate(52px, 19px)rotate(-9deg);
}

._2-activitiy-pages-wrapper {
  perspective: 2000px;
  justify-content: center;
  align-self: center;
  width: auto;
  margin-bottom: 0;
  display: flex;
  position: relative;
  top: -88px;
  transform: rotate(0);
}

.offer-image-4 {
  z-index: 15;
  transform-style: preserve-3d;
  position: relative;
  transform: rotate(-8deg)translate3d(38px, 38px, -10px);
  box-shadow: 0 0 4px #0000;
}

.offer-image-4.page-shadow {
  z-index: auto;
  transform-style: preserve-3d;
  transform: rotate(0)translate(0, 24px);
  box-shadow: 0 0 4px #0000007a;
}

.offer-image-4.page-shadow.dino-3 {
  z-index: 60;
  transform: rotate(-6deg)translate(0, 24px);
}

.offer-image-5 {
  z-index: 20;
  transform-style: preserve-3d;
  position: relative;
  transform: translate3d(-38px, 38px, -10px)rotate(8deg);
}

.offer-image-5.page-shadow {
  z-index: auto;
  transform: translate(0, 24px)rotate(0);
  box-shadow: 0 0 4px #0000007a;
}

.offer-image-5.page-shadow.dino-4 {
  transform: translate(0, 24px)rotate(4deg);
}

.leadmag-email-form {
  z-index: 0;
  object-fit: none;
  align-self: center;
  width: auto;
  min-width: auto;
  max-width: 420px;
  height: 190px;
  min-height: auto;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: auto;
  transform: translate(0);
}

.h4-box {
  text-align: center;
  flex: 0 auto;
  width: 100%;
  margin: auto;
  padding-top: 0;
  padding-bottom: 20px;
  padding-left: 0;
}

.h4-box.thanks {
  width: auto;
  margin-bottom: 24px;
  padding-bottom: 0;
  padding-left: 4%;
  padding-right: 4%;
}

.h4-box.dino {
  padding-left: 10px;
  padding-right: 10px;
}

.lead-info {
  z-index: 100;
  float: none;
  clear: both;
  border: 0px none var(--black);
  cursor: default;
  flex-wrap: nowrap;
  justify-content: center;
  align-self: auto;
  align-items: stretch;
  width: 100%;
  min-width: auto;
  max-width: 1288px;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: absolute;
  inset: -50% auto 50%;
}

.lead-info.thanks {
  position: absolute;
  top: -191px;
  bottom: auto;
}

.email-form {
  z-index: 1;
  background-color: var(--midnight-blue-2);
  perspective: 2400px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 440px;
  max-height: none;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.lead-txt-wrapper {
  clear: none;
  background-color: #0000;
  background-image: none;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: auto;
  padding: 60px;
  display: flex;
  position: relative;
}

.lead-kid-wrapper {
  float: right;
  clear: none;
  background-color: #0000;
  flex: 0 auto;
  align-items: stretch;
  width: 50%;
  min-width: auto;
  max-width: none;
  height: auto;
  display: block;
  position: relative;
  top: 0;
  right: -1px;
}

.kid-overlay {
  float: right;
  clear: none;
  background-image: url('../images/girl_hair_crop.png');
  background-position: 50% 15%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-attachment: scroll;
  width: 100%;
  max-width: 644px;
  height: 117.5%;
  display: block;
  position: absolute;
  inset: auto 0 0;
  transform: translate(0);
}

.lead-lockup-wrapper {
  flex-direction: column;
  align-self: center;
  align-items: center;
  width: auto;
  margin: auto;
  display: flex;
}

.anchor {
  width: 0;
  height: 0;
}

.offer-thanks {
  z-index: 0;
  background-image: linear-gradient(#744426a3, #74442600 50%, #744426a3), url('../images/Melamine-wood-005.png');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  padding-top: 0;
  font-size: 14px;
  line-height: 14px;
  display: flex;
  position: relative;
  overflow: visible;
}

.offer-thanks.blank {
  background-color: var(--midnight-blue-3);
  background-image: none;
  padding-bottom: 260px;
  overflow: visible;
}

.offer-thanks.masks {
  padding-top: 40px;
}

.teacher-overlay {
  float: right;
  clear: none;
  background-image: url('../images/teacher.png');
  background-position: 50% 15%;
  background-repeat: no-repeat;
  background-size: 750px;
  background-attachment: scroll;
  width: 100%;
  max-width: 644px;
  height: 117.5%;
  display: block;
  position: absolute;
  inset: auto 0 0;
  transform: translate(0);
}

._3-masks-wrapper {
  perspective: 2000px;
  justify-content: center;
  align-self: center;
  width: 100%;
  margin-bottom: 140px;
  display: flex;
  position: relative;
  transform: translate(0);
}

._3-masks-wrapper.multi, ._3-masks-wrapper.multi-copy {
  z-index: 20;
  justify-content: center;
  margin-bottom: 60px;
}

._2-mask-wrapper {
  z-index: 0;
  perspective: 2000px;
  justify-content: center;
  align-self: center;
  width: 66.6%;
  margin-bottom: 0;
  display: flex;
  position: relative;
  top: -88px;
  transform: rotate(0);
}

._2-mask-wrapper.dino {
  top: -94px;
}

.form-block {
  max-width: 1288px;
}

.div-block {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.password {
  margin-bottom: 24px;
}

.text-field {
  font-family: Roboto, sans-serif;
}

.info {
  margin-top: 20px;
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
  line-height: 1.4em;
}

.header-insta {
  background-color: var(--dark-slate-blue);
  perspective: 2400px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  min-height: auto;
  max-height: none;
  display: flex;
  position: relative;
  overflow: visible;
}

.header-insta.icon-background {
  height: auto;
  min-height: 100vh;
}

.insta-link-block {
  margin-top: 30px;
  margin-bottom: 30px;
}

.insta-link-block.top {
  flex-direction: column;
  align-self: center;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 30px;
  display: flex;
}

.insta-link-block.bottom {
  flex-direction: column;
  align-self: center;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 80px;
  display: flex;
}

.insta-link-block._3-activities, .insta-link-block.merch {
  display: none;
}

.insta-image {
  border-radius: 5px;
  width: 300px;
  height: 160px;
  margin-bottom: 20px;
  overflow: hidden;
  box-shadow: 0 0 6px #112541cc;
}

.image-4 {
  object-fit: cover;
}

.image-5 {
  color: #0000;
  object-fit: cover;
}

.activity-features {
  width: 600px;
  margin: 0;
  padding-bottom: 0;
  padding-left: 20px;
}

.markers-container {
  display: inline-block;
  position: relative;
  transform: translate(-6%, -86px)rotate(-20deg);
}

.markers-container.home {
  justify-content: flex-end;
  align-self: flex-end;
  align-items: flex-start;
  width: 18%;
  max-width: none;
  margin-left: 0;
  margin-right: 10px;
  display: flex;
  position: relative;
  inset: auto;
  transform: translate(0%)rotate(0);
}

.markers-container.home.small {
  width: 14%;
}

.markers {
  display: inline-block;
  position: relative;
}

.markers-shadow-1 {
  opacity: .28;
  filter: blur() brightness(8%);
  position: absolute;
  transform: translate(4px, -3px);
}

.marekers-shadow-2 {
  opacity: .16;
  filter: blur(3px) brightness(8%);
  position: absolute;
  transform: translate(6px, -6px);
}

.h4-thanks {
  text-align: center;
  flex: 0 auto;
  width: 100%;
  margin: auto;
  padding-top: 33%;
  padding-bottom: 0;
  padding-left: 0;
  position: absolute;
}

.h4-thanks.thanks {
  width: auto;
  margin-bottom: 24px;
  padding-bottom: 0;
  padding-left: 4%;
  padding-right: 4%;
}

.mask_complete {
  z-index: 180;
  width: 33.33%;
  max-width: none;
  min-height: auto;
  position: relative;
  transform: translate(-2%);
}

.mask_complete.coloring {
  transform: translate(0);
}

.mask_complete.dino-3 {
  z-index: 60;
  transform: rotate(-6deg);
}

.mask_complete.dino-4 {
  transform: rotate(6deg);
}

.mask_complete.m-04 {
  min-height: 400px;
}

.dino-mask-1 {
  transform-style: preserve-3d;
  margin-left: 0;
  transform: translate(5%)rotate(-6deg);
}

.dino-mask-1.page-shadow {
  box-shadow: 0 0 4px #0000007a;
}

.dino-mask-1.page-shadow.btm-4, .dino-mask-1.top-1 {
  transform-style: preserve-3d;
}

.dino-mask-1.dino-1 {
  display: block;
  transform: translate(52px, 19px)rotate(-9deg);
}

.dino-mask-1.paper-shadow {
  box-shadow: 1px 1px 3px #0000007a;
}

.dino-mask-done {
  z-index: 10;
  max-width: 100%;
  position: relative;
}

.dino-mask-done.page-shadow {
  z-index: 100;
  transform-style: preserve-3d;
  box-shadow: 0 0 4px #0000007a;
}

.dino-mask-done.resize {
  max-width: 100%;
}

.dino-mask-wrapper {
  width: 33.33%;
  min-width: auto;
  max-width: 420px;
  margin-top: 0;
  position: relative;
}

.dino-mask-wrapper.coloring {
  transform: translate(0);
}

.dino-mask-wrapper.dino-3 {
  z-index: 60;
  transform: rotate(-6deg);
}

.dino-mask-wrapper.dino-4 {
  transform: rotate(6deg);
}

.dino-mask-wrapper.dino-1 {
  margin-top: 80px;
  margin-right: 40px;
  padding-top: 0;
}

.dino-mask-wrapper.dino-2 {
  margin-top: 80px;
  margin-left: 40px;
  padding-top: 0;
  transform: translate(0);
}

.dino-mask-wrapper.paper-shadow {
  box-shadow: 1px 1px 3px #0000007a;
}

.dino-mask-2 {
  margin-right: 10%;
  transform: translate(-12%)rotate(6deg);
  box-shadow: 1px 1px 3px #0000007a;
}

.icon-background {
  background-color: var(--midnight-blue-2);
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #1e427599, #1e427500), url('../images/icon_pattern_03_sm.svg'), linear-gradient(to bottom, var(--dark-cyan), var(--dark-slate-blue-4) 50%, var(--dark-slate-blue));
  background-position: 0 0, 50%, 0 0;
  background-size: auto, 800px 800px, auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.description-text {
  width: auto;
  max-width: 48%;
}

.book-info {
  width: 54%;
}

.book-sc-mockup {
  object-fit: none;
  align-self: center;
  width: 100%;
  min-width: auto;
  max-width: 1200px;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  position: relative;
  inset: 0% 0% auto;
  overflow: visible;
}

.book-sc-image {
  float: none;
  clear: none;
  cursor: auto;
  object-fit: fill;
  width: 100%;
  max-width: none;
  max-height: none;
  display: block;
  position: relative;
}

.book-title-wrapper {
  width: auto;
  max-width: 74ch;
  position: relative;
}

.ppdd-amazon-pb {
  background-color: #0000;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.heading-2 {
  font-family: Droid Serif, serif;
}

.heading-3 {
  font-family: Noto Serif, sans-serif;
}

.heading-4, .heading-5, .text-block-5 {
  font-family: Noto Sans Display, sans-serif;
}

.heading-6 {
  font-family: Noto Serif, sans-serif;
  font-style: italic;
  font-weight: 700;
}

.ppdd-amazon-pb-image {
  cursor: pointer;
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-2 {
  justify-content: space-between;
  display: flex;
}

.sub-download {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.subscribe-container {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  display: flex;
}

.download-container {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.dino-mask-02-1 {
  transform-style: preserve-3d;
  margin-left: 0;
  transform: translate(5%)rotate(-6deg);
}

.dino-mask-02-1.page-shadow {
  box-shadow: 0 0 4px #0000007a;
}

.dino-mask-02-1.page-shadow.btm-4, .dino-mask-02-1.top-1 {
  transform-style: preserve-3d;
}

.dino-mask-02-1.dino-1 {
  display: block;
  transform: translate(52px, 19px)rotate(-9deg);
}

.dino-mask-02-2 {
  margin-right: 10%;
  transform: translate(-12%)rotate(6deg);
}

.dino-mask-02 {
  z-index: 10;
  position: relative;
}

.dino-mask-02.page-shadow {
  z-index: 100;
  transform-style: preserve-3d;
  box-shadow: 0 0 4px #0000007a;
}

.mask-w-pages {
  perspective: 2000px;
  justify-content: center;
  align-self: center;
  width: 100%;
  margin-bottom: 0;
  display: flex;
  position: relative;
  transform: translate(0);
}

.mask-w-pages.multi {
  z-index: 20;
  justify-content: center;
  margin-bottom: 60px;
}

.mask-w-pages.multi-1 {
  z-index: 20;
  justify-content: center;
  align-items: stretch;
  min-height: 380px;
  margin-bottom: 0;
}

.thanks-txt-wrapper-masks {
  align-self: center;
  width: 740px;
  min-width: auto;
  max-width: none;
  margin-bottom: 0;
  position: relative;
}

.redirect {
  background-color: var(--white);
}

.mask-wrapper {
  width: 100%;
  position: absolute;
}

.mask-offer {
  z-index: 0;
  background-image: linear-gradient(#744426a3, #74442600 50%, #744426a3), url('../images/Melamine-wood-005.png');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  padding-top: 0;
  font-size: 14px;
  line-height: 14px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.mask-offer.blank {
  background-color: var(--midnight-blue-3);
  background-image: none;
  padding-bottom: 260px;
  overflow: visible;
}

.mask-offer.masks {
  padding-top: 40px;
}

.activity-features-home {
  flex-flow: column;
  align-self: auto;
  align-items: flex-start;
  width: 520px;
  margin: 48px auto 0;
  padding-bottom: 0;
  padding-left: 20px;
  display: flex;
}

.cta-wrapper {
  display: flex;
}

@media screen and (max-width: 991px) {
  body {
    color: var(--white);
  }

  h1 {
    font-size: 46px;
    font-weight: 700;
  }

  h2 {
    font-size: 34px;
  }

  h3 {
    margin-bottom: 0;
    font-size: 24px;
  }

  h4 {
    font-size: 18px;
  }

  .header-home {
    min-height: 460px;
  }

  .ttd_logo {
    margin-bottom: 50px;
  }

  .ttd_logo.lead {
    align-self: center;
    width: 180px;
  }

  .small-divider-line.center {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .matt_intro {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
    position: absolute;
    inset: -156px 0% auto;
  }

  .matt-txt-wrapper {
    width: 50%;
    padding-right: 100px;
  }

  .matt-txt-wrapper.noply {
    padding-left: 50px;
    padding-right: 50px;
  }

  .matt-txt {
    width: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 18px;
    line-height: 1.4em;
  }

  .matt_overlay {
    background-color: #0000;
    background-position: 50% 0;
    background-size: 644px;
    width: 100%;
    height: 371px;
    display: block;
    top: -58px;
    transform: translate(0, -1px);
  }

  .approach {
    padding-top: 206px;
    padding-bottom: 0;
  }

  .social-icon-wrapper {
    width: 220px;
  }

  .social-icon {
    font-size: 34px;
    line-height: 34px;
  }

  .h4 {
    font-size: 18px;
    line-height: 1.4em;
  }

  .h4.center {
    width: auto;
    max-width: none;
    font-size: 18px;
    line-height: 1.4em;
  }

  .h4.left.list {
    margin-bottom: 10px;
  }

  .header-wrapper {
    width: auto;
    margin-top: 54px;
  }

  .questions-wrapper {
    width: auto;
    max-width: 74%;
    margin-bottom: 256px;
  }

  .section-container {
    flex: 1;
    justify-content: flex-start;
    align-self: center;
    width: 100%;
    max-width: none;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
    top: auto;
    overflow: visible;
  }

  .section-container.top.home {
    flex: 0 auto;
    align-items: center;
    max-width: none;
    margin: 60px 0;
    padding-left: 40px;
    overflow: hidden;
  }

  .section-container.center {
    justify-content: flex-start;
    align-self: center;
    overflow: visible;
  }

  .section-container.center.lead {
    margin-bottom: 300px;
  }

  .section-container.center.lead.multi {
    margin-bottom: 320px;
  }

  .section-container.center.home {
    padding-bottom: 54px;
  }

  .section-container.cookies {
    flex: 1;
    justify-content: space-between;
    width: auto;
  }

  .section-container.topic {
    margin-top: 5px;
    margin-bottom: 56px;
  }

  .section-container.thanks {
    flex: 0 auto;
    justify-content: flex-start;
    align-self: auto;
    min-height: auto;
    margin-bottom: 296px;
  }

  .section-container.offer {
    margin-top: 300px;
    margin-bottom: 80px;
    overflow: hidden;
  }

  .section-container.insta {
    flex: 0 auto;
    justify-content: flex-start;
    align-self: auto;
    min-height: auto;
    margin-bottom: 256px;
  }

  .section-container.offer-blank {
    margin-top: 300px;
    margin-bottom: 80px;
    overflow: hidden;
  }

  .section-container.dino-book {
    margin-top: 0;
    padding-top: 0;
  }

  .section-container.offer--masks {
    margin: 0 0 80px;
    padding-left: 40px;
    padding-right: 40px;
    overflow: visible;
  }

  .card-wrapper {
    float: none;
    clear: none;
    flex-flow: column;
    place-content: space-around space-between;
    align-items: center;
    min-height: 0;
    max-height: none;
    display: flex;
    position: static;
  }

  .card-wrapper._2 {
    flex-flow: wrap;
    place-content: space-around;
    align-items: flex-end;
  }

  .card-wrapper.understand {
    flex-direction: row;
    flex: 0 auto;
    place-content: center space-between;
    align-items: flex-start;
    width: 100%;
    max-width: none;
    margin-top: 20px;
    padding-top: 0;
  }

  .card-wrapper.footer {
    flex-direction: row;
    align-items: flex-start;
    padding-top: 60px;
  }

  .understand-card._1 {
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    width: 32%;
    min-width: auto;
    max-width: none;
    max-height: 0;
    margin-top: 0;
    margin-bottom: 50px;
    padding-top: 40%;
  }

  .understand-card._2 {
    background-position: 50% 100%;
    background-size: cover;
    flex: 0 auto;
    order: 0;
    justify-content: center;
    width: 32%;
    min-width: auto;
    max-width: none;
    max-height: 0;
    margin-bottom: 50px;
    padding-top: 40%;
  }

  .understand-card._3 {
    background-position: 50% 100%;
    background-size: cover;
    justify-content: center;
    width: 32%;
    min-width: auto;
    max-width: none;
    max-height: 0;
    margin-bottom: 0;
    padding-top: 40%;
  }

  .card-info {
    justify-content: space-between;
    min-width: auto;
    max-width: none;
    height: auto;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .text-block, .text-block._1 {
    margin-top: 12px;
    margin-bottom: 12px;
    padding-right: 0;
    font-size: 14px;
  }

  .text-block._3 {
    width: 70.1399%;
    margin-top: 12px;
    margin-bottom: 12px;
    padding-right: 0;
  }

  .topic-wrapper {
    justify-content: flex-end;
    margin-top: 30px;
  }

  .footer {
    margin-top: 0;
    padding-bottom: 40px;
  }

  .footer-item-wrapper, .footer-item-wrapper.send-email {
    width: auto;
    margin-bottom: 0;
  }

  .button-icon {
    color: var(--white);
  }

  .matt_wrapper {
    width: 50%;
  }

  .footer-text.foot {
    opacity: 1;
    font-size: 12px;
  }

  .footer-links {
    justify-content: space-between;
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .secttion-line {
    background-color: var(--light-sea-green);
    border-style: none;
    border-color: #000;
    justify-content: center;
    align-self: center;
    width: 100%;
    margin: 60px 40px 40px;
  }

  .button-txt.secondary {
    color: var(--dark-slate-blue);
  }

  .about-section {
    justify-content: flex-start;
    height: auto;
    overflow: visible;
  }

  .header-wrapper-lead {
    width: auto;
    max-width: none;
  }

  .header-wrapper-lead.center {
    flex: 0 auto;
    width: 400px;
    margin-bottom: auto;
  }

  .crayons-container.home {
    margin-top: 150px;
    margin-right: 10px;
    transform: rotate(-20deg);
  }

  .crayons-container.home.small {
    margin-top: -30px;
  }

  .crayon-shadow-1 {
    transform: translate(3px, -1px);
  }

  .crayons {
    max-width: 100%;
  }

  .crayon-shadow-2 {
    transform: translate(4px, -3px);
  }

  .glue-container {
    margin-left: 14%;
    margin-right: 0;
  }

  .glue-container.dino {
    margin-top: 8%;
    margin-right: 0%;
  }

  .glue-container.dino-2 {
    margin-top: 5%;
    margin-left: 15%;
    margin-right: 0%;
  }

  .glue-shadow-2 {
    transform: scale3d(1.4, 1.6, 1)rotate(9deg)translate(18px, -20px);
  }

  .scissors-container {
    height: auto;
    margin-left: 0;
    margin-right: 14%;
  }

  .scissors-container.dino {
    margin: 5% 15% 0% 0%;
  }

  .scissors-shadow-1 {
    transform: translate(1px, -1px);
  }

  .pencil-container.home {
    margin-left: 0%;
    margin-right: 0%;
    transform: translate(0%)rotate(5deg);
  }

  .pencil-container.home.small {
    margin-top: 10px;
  }

  .modal-wrapper.terms {
    display: none;
  }

  .modal {
    flex-direction: column;
    display: flex;
    position: static;
    top: auto;
  }

  .modal-h1 {
    padding-bottom: 40px;
  }

  .modal-h3 {
    margin-bottom: 40px;
  }

  .modal-txt-wrapper {
    height: 100%;
  }

  .preloader {
    display: flex;
  }

  .center {
    line-height: 1.2em;
  }

  .free-offer {
    overflow: hidden;
  }

  .left {
    width: 100%;
  }

  .left.book-title {
    width: auto;
    max-width: 100%;
  }

  .nav {
    flex-direction: row;
    flex: 0 auto;
    justify-content: space-between;
    width: 100%;
    min-width: auto;
    max-width: none;
    margin: 40px 0 0;
    position: relative;
  }

  .nav.lead {
    margin-top: 40px;
  }

  .nav.thanks {
    margin-top: 0;
  }

  .ipad {
    margin-bottom: 30px;
  }

  .ab-book-info {
    align-self: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
  }

  .ipad-shadow {
    width: 112.7%;
    max-width: none;
    max-height: none;
  }

  .apple-books-btn {
    margin-top: 0;
  }

  .book-description {
    justify-content: space-between;
    align-self: center;
    align-items: baseline;
    width: 100%;
    max-width: none;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
  }

  .activity-text-wrapper-center {
    width: 480px;
    min-width: auto;
    max-width: none;
    margin-bottom: 30px;
  }

  ._3-activitiy-pages-wrapper {
    margin-bottom: 100px;
    position: relative;
  }

  ._3-activitiy-pages-wrapper.multi {
    margin-bottom: 40px;
  }

  ._3-activitiy-pages-wrapper.single, ._3-activitiy-pages-wrapper.top {
    margin-bottom: 0;
  }

  ._3-activitiy-pages-wrapper.bottom-coloring {
    margin-bottom: 60px;
  }

  .dark {
    color: var(--dark-slate-blue);
  }

  .freebie-mockup {
    height: auto;
  }

  .freebie-mockup.home {
    margin-top: 20px;
    margin-bottom: 0;
  }

  .supplies-container {
    grid-template-columns: 2.5fr 1.75fr .25fr;
  }

  .supplies-container.top {
    align-items: flex-start;
  }

  .supplies-container.top.masks, .supplies-container.top.dino-masks {
    margin-top: 0;
  }

  .supplies-container.bottom {
    margin-top: 35%;
  }

  .supplies-container.top-coloring {
    align-items: flex-start;
  }

  .supplies-container.top-coloring.masks {
    margin-top: 0;
  }

  .supplies-container.dino {
    flex: 0 auto;
    justify-content: space-between;
    align-items: center;
    margin-top: 30%;
  }

  .supplies-container.home {
    align-items: flex-start;
  }

  .supplies-container.home.masks, .supplies-container.home.dino-masks {
    margin-top: 0;
  }

  .privacy-overlay {
    width: 100%;
    height: auto;
    min-height: auto;
  }

  .cookie-text {
    flex: 1;
    width: 340px;
  }

  .home-email-list-form {
    width: 440px;
    max-width: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    line-height: 1.4em;
    display: block;
  }

  .book-features {
    width: 40%;
    margin-bottom: 0;
    margin-left: 0;
  }

  .book-intro {
    width: 100%;
    font-size: 18px;
  }

  .ppdd-pb-cta {
    justify-content: flex-start;
    align-items: center;
    width: auto;
    margin-top: 0;
    margin-right: 0;
    inset: 0%;
  }

  .ppdd-pb-cta.instagram {
    margin-left: auto;
    margin-right: auto;
  }

  .button-cta {
    width: auto;
  }

  .button-cta.phone {
    display: none;
  }

  .button-cta._404 {
    width: auto;
  }

  .book-header {
    flex-direction: row;
    flex: 1;
    justify-content: space-between;
    align-self: center;
    align-items: center;
    width: 100%;
  }

  .overlay-container {
    padding-left: 40px;
    padding-right: 40px;
    bottom: -156px;
  }

  .overlay-container.overlay-shadow {
    padding-left: 0;
    padding-right: 0;
    bottom: 0;
  }

  .overlay-container.overlay-shadow.lead {
    max-width: none;
    height: 420px;
    bottom: auto;
  }

  .bold.tight {
    width: 220px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .light {
    width: 496px;
    margin-bottom: 0;
  }

  .header-image {
    background-position: 38% 48%;
    background-size: 1800px;
  }

  .button-icon-secondary {
    color: var(--white);
  }

  .header-thanks {
    justify-content: flex-start;
    height: auto;
    overflow: visible;
  }

  .thanks-txt-wrapper {
    width: 620px;
    max-width: 94%;
    margin-bottom: 0;
  }

  .header-404 {
    justify-content: flex-start;
    height: 100vh;
    min-height: 480px;
    overflow: visible;
  }

  .offer-image-2 {
    transform: translate3d(-16px, 10px, -10px)rotate(4deg);
  }

  .offer-image-2.top-3 {
    transform: translate3d(-16px, 12px, -10px)rotate(4deg);
  }

  .offer-image-3 {
    transform: rotate(-4deg)translate3d(14px, 10px, -10px);
  }

  .offer-image-3.top-1 {
    transform: rotate(-4deg)translate3d(14px, 12px, -10px);
  }

  ._2-activitiy-pages-wrapper {
    position: relative;
    top: -50px;
    transform: rotate(0);
  }

  .offer-image-4 {
    transform: rotate(-6deg)translate3d(14px, 24px, -10px);
  }

  .offer-image-4.page-shadow {
    transform: rotate(0)translate3d(0, 10px, -10px);
  }

  .offer-image-5 {
    transform: translate3d(-16px, 24px, -10px)rotate(6deg);
  }

  .offer-image-5.page-shadow {
    transform: translate(0, 10px)rotate(0);
  }

  .leadmag-email-form {
    width: 280px;
    min-height: auto;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
    inset: auto;
  }

  .h4-box {
    align-self: auto;
    width: 300px;
    min-width: auto;
    min-height: auto;
    margin: 0 auto auto;
    padding-top: 0;
    position: relative;
  }

  .h4-box.thanks {
    width: auto;
    padding-left: 10%;
    padding-right: 10%;
  }

  .lead-info {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
    position: absolute;
    inset: -55% 0% 50%;
  }

  .lead-info.thanks {
    top: -209px;
  }

  .email-form {
    justify-content: flex-start;
    height: 380px;
    overflow: visible;
  }

  .lead-txt-wrapper {
    align-items: center;
    width: 50%;
    min-width: auto;
    height: auto;
    min-height: auto;
    padding: 40px 20px;
  }

  .lead-kid-wrapper {
    background-color: #0000;
    width: 50%;
    height: auto;
  }

  .kid-overlay {
    background-image: url('../images/girl_hair_crop.png');
    background-position: 45% 0;
    background-size: auto 100%;
    width: 100%;
    max-width: none;
    height: 117.5%;
    display: block;
    top: auto;
    transform: translate(0);
  }

  .lead-lockup-wrapper {
    justify-content: center;
    align-items: center;
    width: 300px;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
  }

  .anchor {
    width: 0;
    height: 0;
    position: relative;
  }

  .offer-thanks.blank {
    padding-bottom: 300px;
  }

  .teacher-overlay {
    background-image: url('../images/teacher.png');
    background-position: 50% 15%;
    background-size: auto 100%;
    width: 100%;
    max-width: none;
    height: 117.55%;
    display: block;
    top: auto;
    transform: translate(0);
  }

  ._3-masks-wrapper {
    margin-bottom: 100px;
    position: relative;
  }

  ._3-masks-wrapper.multi, ._3-masks-wrapper.multi-copy {
    margin-bottom: 0;
  }

  ._2-mask-wrapper {
    position: relative;
    top: -50px;
    transform: rotate(0);
  }

  .info {
    line-height: 1.4em;
  }

  .header-insta {
    justify-content: flex-start;
    height: 100%;
    overflow: visible;
  }

  .header-insta.icon-background {
    height: auto;
  }

  .insta-image {
    background-image: none;
  }

  .activity-features {
    width: 520px;
    margin-bottom: 0;
    margin-left: 0;
  }

  .markers-container.home {
    margin-right: 10px;
    transform: rotate(0);
  }

  .markers-container.home.small {
    margin-top: -30px;
  }

  .markers {
    max-width: 100%;
  }

  .markers-shadow-1 {
    transform: translate(3px, -1px);
  }

  .marekers-shadow-2 {
    transform: translate(4px, -3px);
  }

  .h4-thanks {
    align-self: auto;
    width: 300px;
    min-width: auto;
    min-height: auto;
    margin: 0 auto auto;
    padding-top: 0;
    position: relative;
  }

  .h4-thanks.thanks {
    width: auto;
    padding-left: 10%;
    padding-right: 10%;
  }

  .mask_complete {
    max-width: none;
    min-height: auto;
    transform: none;
  }

  .mask_complete.m-04 {
    min-height: 240px;
  }

  .dino-mask-1 {
    margin-left: 0;
    transform: translate(2%)rotate(-4deg);
  }

  .dino-mask-1.top-1 {
    transform: rotate(-4deg)translate3d(14px, 12px, -10px);
  }

  .dino-mask-done {
    max-width: 100%;
  }

  .dino-mask-wrapper {
    margin-top: 2%;
  }

  .dino-mask-2 {
    margin-right: 0%;
    transform: translate(-2%)rotate(6deg);
  }

  .icon-background {
    justify-content: flex-start;
  }

  .book-info {
    width: 55%;
  }

  .book-sc-mockup {
    margin-top: 0;
    margin-bottom: 0;
  }

  .book-title-wrapper {
    width: auto;
    max-width: 70ch;
  }

  .ppdd-amazon-pb {
    align-self: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
  }

  .ppdd-amazon-pb-image {
    box-sizing: border-box;
    align-self: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    inset: 0%;
  }

  .dino-mask-02-1 {
    margin-left: 0;
    transform: translate(2%)rotate(-4deg);
  }

  .dino-mask-02-1.top-1 {
    transform: rotate(-4deg)translate3d(14px, 12px, -10px);
  }

  .dino-mask-02-2 {
    margin-right: 0%;
    transform: translate(-2%)rotate(6deg);
  }

  .mask-w-pages {
    margin-bottom: 0;
    position: relative;
  }

  .mask-w-pages.multi {
    margin-bottom: 0;
  }

  .mask-w-pages.multi-1 {
    min-height: 220px;
    margin-bottom: 0;
  }

  .thanks-txt-wrapper-masks {
    width: 620px;
    max-width: 94%;
    margin-bottom: 0;
  }

  .mask-offer {
    overflow: hidden;
  }

  .mask-offer.blank {
    padding-bottom: 300px;
  }

  .activity-features-home {
    width: 460px;
    margin-bottom: 0;
    margin-left: auto;
  }

  .cta-wrapper {
    position: relative;
  }
}

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

  h2 {
    font-size: 28px;
  }

  h3 {
    font-size: 21px;
  }

  h4 {
    font-size: 16px;
  }

  .header-home {
    min-height: 460px;
  }

  .ttd_logo.lead {
    flex: 0 auto;
    align-self: center;
    width: 160px;
    max-width: none;
    margin-bottom: 0;
  }

  .small-divider-line {
    margin: 30px auto;
  }

  .matt_intro {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    position: absolute;
    inset: -156px 0% 0%;
  }

  .matt-txt-wrapper {
    width: 50%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .matt-txt-wrapper.noply {
    justify-content: center;
    width: 50%;
    margin: auto;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
  }

  .matt-txt {
    flex: 0 auto;
    width: 88%;
    font-size: 16px;
  }

  .matt_overlay {
    background-color: #0000;
    background-position: 50% 0;
    background-size: cover;
    height: 369px;
    display: block;
    top: -55px;
  }

  .approach {
    padding-top: 196px;
    padding-bottom: 0;
    position: relative;
    top: auto;
  }

  .play-arrow.bottom {
    font-size: 22px;
    line-height: 22px;
  }

  .social-icon-wrapper {
    width: 220px;
  }

  .h4 {
    text-align: left;
    font-size: 16px;
    font-weight: 300;
  }

  .h4.center {
    width: auto;
    max-width: none;
    font-size: 16px;
  }

  .header-wrapper {
    width: 440px;
    margin-top: 50px;
  }

  .header-wrapper.lead {
    margin-top: 40px;
  }

  .questions-wrapper {
    max-width: 95%;
    margin-bottom: 256px;
  }

  .section-container {
    flex: 1;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-container.top {
    flex-flow: column;
    justify-content: flex-start;
    height: auto;
    min-height: 800px;
  }

  .section-container.top.home {
    justify-content: flex-start;
    min-height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
  }

  .section-container.center {
    margin-left: auto;
    margin-right: auto;
  }

  .section-container.center.lead {
    margin: 0 0 530px;
  }

  .section-container.center.lead.multi {
    margin-bottom: 460px;
  }

  .section-container.center.home {
    padding-bottom: 54px;
  }

  .section-container.cookies {
    justify-content: space-between;
    width: auto;
  }

  .section-container.topic {
    margin-top: 36px;
  }

  .section-container.thanks {
    flex: 0 auto;
    margin-top: 20px;
    margin-bottom: 446px;
  }

  .section-container.offer {
    margin-top: 460px;
    margin-bottom: 60px;
    overflow: hidden;
  }

  .section-container.insta {
    flex: 0 auto;
    margin-top: 20px;
    margin-bottom: 446px;
  }

  .section-container.instagram {
    margin-left: 0;
    margin-right: 0;
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-container.offer-blank {
    margin-top: 460px;
    margin-bottom: 60px;
    overflow: hidden;
  }

  .section-container.dino-book {
    margin-top: 0;
  }

  .section-container.offer--masks {
    margin-top: 0;
    margin-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
  }

  .card-wrapper.understand {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    min-width: 320px;
  }

  .card-wrapper.footer {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 50px;
  }

  .understand-card._1 {
    width: 100%;
    min-width: auto;
    margin-top: 0;
    margin-bottom: 20px;
    padding-top: 80%;
  }

  .understand-card._2 {
    background-position: 36% 30%;
    width: 100%;
    min-width: auto;
    margin-bottom: 20px;
    padding-top: 80%;
  }

  .understand-card._3 {
    background-position: 50% 40%;
    width: 100%;
    min-width: auto;
    max-width: none;
    padding-top: 80%;
  }

  .card-info {
    justify-content: flex-start;
    width: 100%;
    min-width: auto;
    padding-left: 0;
    padding-right: 10px;
  }

  .circle {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
  }

  .text-block, .text-block._1 {
    font-size: 14px;
  }

  .text-block._3 {
    width: auto;
  }

  .footer-item-wrapper {
    flex: 0 auto;
    width: auto;
    margin-bottom: 0;
  }

  .footer-item-wrapper.send-email {
    width: auto;
    margin-bottom: 40px;
  }

  .play-btn-back {
    width: 70px;
    height: 70px;
  }

  .button {
    width: auto;
    height: 48px;
  }

  .button.cookie {
    flex: none;
    align-self: center;
    width: auto;
    max-width: none;
    margin-left: 40px;
  }

  .button-icon {
    font-size: 20px;
    left: 16%;
  }

  .matt_wrapper {
    background-color: #0000;
  }

  .footer-text {
    margin-top: 40px;
  }

  .footer-text.foot {
    opacity: 1;
    font-size: 12px;
  }

  .footer-links {
    flex-direction: row;
    align-items: flex-end;
    margin-top: 0;
  }

  .secttion-line {
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 60px auto 40px;
  }

  .button-txt {
    font-size: 14px;
  }

  .button-txt.secondary {
    font-size: 12px;
    line-height: 1em;
  }

  .about-section {
    height: auto;
    min-height: auto;
    overflow: hidden;
  }

  .header-wrapper-lead {
    width: 100%;
    max-width: none;
  }

  .header-wrapper-lead.center {
    text-align: left;
    flex: 0 auto;
    width: 290px;
    margin-top: auto;
    margin-bottom: auto;
    padding-bottom: 6px;
  }

  .crayons-container.home {
    margin-bottom: 0;
    margin-right: 10px;
    top: 0;
  }

  .crayons-container.home.small {
    margin-top: -20px;
  }

  .crayon-shadow-1 {
    transform: translate(2px, -1px);
  }

  .crayon-shadow-2 {
    transform: translate(3px, -2px);
  }

  .glue-container {
    margin-left: 16%;
  }

  .glue-container.dino-2 {
    margin-top: 8%;
  }

  .glue-shadow-1 {
    transform: scale(1.2)rotate(13deg)translate(5px);
  }

  .glue-shadow-2 {
    transform: scale3d(1.4, 1.6, 1)rotate(9deg)translate(10px, -12px);
  }

  .scissors-container {
    margin-right: 16%;
  }

  .pencil-container.home {
    margin-top: 20px;
    margin-left: 10px;
    top: 0;
  }

  .modal-wrapper.terms {
    display: none;
  }

  .modal {
    flex-direction: column;
    height: 100vh;
    padding: 20px;
    display: flex;
    position: static;
    top: auto;
    overflow: visible;
  }

  .modal.vid-holder {
    margin-left: 20px;
    margin-right: 20px;
  }

  .modal-h1 {
    padding-bottom: 30px;
    font-size: 44px;
    line-height: 52px;
  }

  .modal-h3 {
    margin-bottom: 30px;
  }

  .text-block-4 {
    font-size: 14px;
  }

  .modal-txt-wrapper {
    height: 100%;
    min-height: auto;
    max-height: none;
    position: relative;
    overflow: auto;
  }

  .close-btn {
    top: 0;
    right: 0;
  }

  .close-line {
    width: 30px;
    transform: translate(5px, 18px)rotate(45deg);
  }

  .close-line-2 {
    width: 30px;
    transform: translate(5px, 16px)rotate(-45deg);
  }

  .preloader {
    display: flex;
  }

  .loading-txt {
    font-size: 20px;
    line-height: 32px;
  }

  .center {
    font-size: 44px;
  }

  .free-offer {
    position: relative;
  }

  .left {
    text-align: left;
    width: auto;
  }

  .left.book-title {
    text-align: center;
    width: 100%;
    max-width: none;
    margin: 0 auto 20px;
    font-size: 28px;
  }

  .nav {
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 0;
  }

  .nav.lead {
    margin-top: 40px;
  }

  .nav.thanks {
    flex-direction: column;
    margin-top: 0;
  }

  .ipad {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .ab-book-info {
    margin-top: 0;
    margin-bottom: 0;
  }

  .apple-books-btn {
    margin-top: 0;
  }

  .book-description {
    text-align: center;
    align-self: center;
    align-items: baseline;
    width: 95%;
    max-width: none;
    margin-top: 0%;
    margin-bottom: 0;
    padding-top: 0;
  }

  .activity-text-wrapper-center {
    width: 370px;
    min-width: auto;
    max-width: none;
  }

  ._3-activitiy-pages-wrapper, ._3-activitiy-pages-wrapper.multi {
    margin-bottom: 60px;
  }

  ._3-activitiy-pages-wrapper.single, ._3-activitiy-pages-wrapper.top {
    margin: 0;
  }

  ._3-activitiy-pages-wrapper.bottom-coloring {
    margin: 0 0 40px;
  }

  .dark {
    color: var(--dark-slate-blue);
  }

  .spinner {
    width: 60px;
    height: 60px;
  }

  .freebie-mockup {
    margin-top: 30px;
    margin-bottom: 0;
  }

  .freebie-mockup.home {
    margin-top: 15px;
    margin-bottom: 0;
    padding-top: 0;
  }

  .supplies-container {
    grid-template-rows: .25fr auto auto;
    grid-auto-flow: column;
  }

  .supplies-container.top, .supplies-container.top-coloring, .supplies-container.home {
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 0%;
  }

  .cookie-text {
    flex: 0 auto;
    width: 260px;
    min-width: auto;
    max-width: none;
  }

  .home-email-list-form {
    width: 320px;
    margin-left: 0;
    margin-right: 0;
    font-size: 14px;
    line-height: 1.4em;
  }

  .home-btn {
    margin-bottom: 0;
  }

  .book-features {
    text-align: center;
    flex-direction: column;
    align-items: flex-start;
    width: 44%;
    margin-left: auto;
    margin-right: auto;
    list-style-type: disc;
    display: flex;
  }

  .book-intro {
    text-align: left;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
  }

  .ppdd-pb-cta {
    align-self: center;
    margin: 0 auto 20px;
  }

  .ppdd-pb-cta.instagram {
    margin-bottom: 0;
  }

  .button-cta {
    width: auto;
    height: 48px;
  }

  .button-cta.phone {
    display: none;
  }

  .button-cta.thanks {
    margin-top: 40px;
    box-shadow: 0 0 16px 4px #00000052;
  }

  .book-header {
    flex-direction: column;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .overlay-container {
    padding-left: 0;
    padding-right: 0;
    bottom: auto;
  }

  .overlay-container.overlay-shadow.lead {
    flex-direction: column;
    justify-content: flex-start;
    max-width: none;
    height: auto;
  }

  .bold.tight {
    width: auto;
    margin-bottom: 6px;
  }

  .light {
    width: auto;
    margin-bottom: 0;
    font-size: 20px;
  }

  .header-image {
    background-position: 30% 0;
    background-size: cover;
  }

  .button-secondary {
    width: auto;
    height: 48px;
  }

  .button-txt-secondary {
    font-size: 14px;
  }

  .button-icon-secondary {
    font-size: 20px;
    left: 16%;
  }

  .header-thanks {
    height: auto;
  }

  .thanks-txt-wrapper {
    width: 420px;
    max-width: none;
    margin-bottom: 0;
  }

  .header-404 {
    height: 100vh;
    min-height: 480px;
  }

  .headline-wrapper {
    width: auto;
  }

  .offer-image-2 {
    position: relative;
    transform: translate3d(-10px, 8px, -10px)rotate(4deg);
  }

  .offer-image-3 {
    position: relative;
    transform: rotate(-4deg)translate3d(10px, 8px, -10px);
  }

  ._2-activitiy-pages-wrapper {
    margin-bottom: 0;
    top: -68px;
    transform: none;
  }

  .offer-image-4 {
    position: relative;
    transform: rotate(-4deg)translate3d(7px, 14px, -10px);
  }

  .offer-image-4.page-shadow {
    transform: rotate(0)translate3d(0, 5px, -10px);
  }

  .offer-image-5 {
    position: relative;
    transform: translate3d(-8px, 10px, -10px)rotate(4deg);
  }

  .offer-image-5.page-shadow {
    transform: translate(0, 5px)rotate(0);
  }

  .leadmag-email-form {
    width: 280px;
    margin-left: auto;
    font-size: 16px;
    bottom: auto;
    left: auto;
    right: auto;
  }

  .h4-box {
    text-align: center;
    width: 304px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
  }

  .h4-box.thanks {
    padding-left: 8%;
    padding-right: 8%;
  }

  .lead-info {
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    position: absolute;
    inset: auto 0% 28.3%;
  }

  .lead-info.thanks {
    top: -343px;
    left: auto;
    right: auto;
  }

  .email-form {
    height: 550px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .lead-txt-wrapper {
    width: 100%;
    height: auto;
    min-height: auto;
    padding: 80px 0 110px;
  }

  .lead-kid-wrapper {
    background-color: #0000;
    width: 100%;
    height: 380px;
    right: auto;
  }

  .kid-overlay {
    background-image: url('../images/girl_hair_crop.png');
    background-position: 50% 0;
    background-size: 730px;
    height: 124%;
    position: absolute;
    transform: none;
  }

  .lead-lockup-wrapper {
    width: 440px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .anchor {
    position: relative;
  }

  .offer-thanks.blank {
    padding-bottom: 500px;
  }

  .teacher-overlay {
    background-image: url('../images/teacher.png');
    background-position: 50% 0;
    background-size: 730px;
    height: 124%;
    position: absolute;
    transform: none;
  }

  ._3-masks-wrapper, ._3-masks-wrapper.multi, ._3-masks-wrapper.multi-copy {
    margin-bottom: 60px;
  }

  ._2-mask-wrapper {
    margin-bottom: 40px;
    top: -68px;
    transform: none;
  }

  .info {
    width: 280px;
    font-size: 14px;
    line-height: 1.4em;
  }

  .header-insta {
    height: 100%;
  }

  .insta-link-block {
    margin-top: 20px;
  }

  .insta-image {
    background-image: none;
  }

  .image-4 {
    object-fit: cover;
  }

  .activity-features {
    text-align: center;
    flex-direction: column;
    align-items: flex-start;
    width: 400px;
    margin: 0 auto 80px;
    list-style-type: disc;
    display: flex;
  }

  .markers-container.home {
    margin-bottom: 0;
    margin-right: 10px;
    top: 0;
  }

  .markers-container.home.small {
    margin-top: -20px;
  }

  .markers-shadow-1 {
    transform: translate(2px, -1px);
  }

  .marekers-shadow-2 {
    transform: translate(3px, -2px);
  }

  .h4-thanks {
    text-align: center;
    width: 304px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
  }

  .h4-thanks.thanks {
    padding-left: 8%;
    padding-right: 8%;
  }

  .mask_complete.m-04 {
    min-height: 200px;
  }

  .dino-mask-1 {
    position: relative;
    transform: rotate(-4deg)translate3d(10px, 8px, -10px);
  }

  .book-info {
    width: 50%;
  }

  .heading {
    text-align: left;
  }

  .book-sc-mockup {
    margin-top: 20px;
    margin-bottom: 0;
    position: relative;
  }

  .book-title-wrapper {
    width: auto;
    max-width: 60ch;
  }

  .ppdd-amazon-pb, .ppdd-amazon-pb-image {
    margin-top: 0;
    margin-bottom: 0;
  }

  .dino-mask-02-1 {
    position: relative;
    transform: rotate(-4deg)translate3d(10px, 8px, -10px);
  }

  .mask-w-pages {
    margin-bottom: 0;
  }

  .mask-w-pages.multi {
    margin-bottom: 60px;
  }

  .mask-w-pages.multi-1 {
    min-height: auto;
    margin-bottom: 0;
  }

  .thanks-txt-wrapper-masks {
    width: 420px;
    max-width: none;
    margin-bottom: 0;
  }

  .mask-wrapper {
    margin-top: 0%;
  }

  .mask-offer {
    overflow: hidden;
  }

  .mask-offer.blank {
    padding-bottom: 500px;
  }

  .activity-features-home {
    text-align: center;
    flex-direction: column;
    align-items: flex-start;
    width: 400px;
    margin: 48px auto 0;
    list-style-type: disc;
    display: flex;
  }
}

@media screen and (max-width: 479px) {
  body {
    color: var(--white);
    display: block;
  }

  h1 {
    color: var(--white);
    font-size: 32px;
  }

  h2 {
    font-size: 26px;
  }

  h3 {
    color: var(--white);
    font-size: 21px;
  }

  h4 {
    color: var(--white);
  }

  .header-home {
    justify-content: space-around;
    height: 60vh;
    min-height: 460px;
  }

  .ttd_logo.lead {
    width: 160px;
    margin-bottom: 0;
  }

  .small-divider-line {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .matt_intro {
    flex-direction: column;
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    inset: -196px auto auto;
  }

  .matt-txt-wrapper {
    width: 100%;
    height: 300px;
  }

  .matt-txt-wrapper.noply {
    width: 100%;
    height: 240px;
    margin-top: 0;
  }

  .matt-txt {
    text-align: center;
    margin-top: auto;
  }

  .matt_overlay {
    background-color: #0000;
    background-position: 50% 100%;
    background-size: cover;
    height: 332px;
    display: block;
    top: 0;
  }

  .approach {
    padding-top: 316px;
  }

  .h4 {
    font-size: 17px;
    line-height: 1.4em;
  }

  .h4.center {
    width: auto;
    max-width: none;
    font-size: 17px;
    line-height: 1.5em;
  }

  .header-wrapper {
    width: 260px;
    max-width: none;
    margin-top: 30px;
  }

  .header-wrapper.lead {
    width: 80%;
    margin-top: 40px;
  }

  .header-wrapper.lead.dino {
    width: 90%;
  }

  .header-wrapper.lead.masks {
    width: 252px;
  }

  .questions-wrapper {
    max-width: 95%;
    margin-bottom: 240px;
  }

  .section-container {
    justify-content: space-between;
    align-items: center;
    min-width: 300px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .section-container.top {
    height: auto;
  }

  .section-container.top.home {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .section-container.center {
    margin-left: 0;
    margin-right: 0;
    overflow: visible;
  }

  .section-container.center.lead {
    margin-top: 0;
    margin-bottom: 470px;
  }

  .section-container.center.lead.multi {
    margin-bottom: 500px;
  }

  .section-container.center.home {
    padding-bottom: 30px;
  }

  .section-container.cookies {
    flex-direction: row;
    justify-content: space-between;
    align-self: flex-start;
    align-items: flex-start;
    height: auto;
    min-height: auto;
    max-height: none;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  .section-container.topic {
    margin: 36px auto;
  }

  .section-container.thanks {
    flex: 0 auto;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 360px;
  }

  .section-container.offer {
    margin-top: 360px;
    margin-bottom: 40px;
  }

  .section-container.insta {
    flex: 0 auto;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 360px;
  }

  .section-container.instagram {
    justify-content: flex-start;
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-container.offer-blank {
    margin-top: 360px;
    margin-bottom: 40px;
  }

  .section-container.dino-book {
    margin-top: 40px;
  }

  .section-container.offer--masks {
    margin-top: 0;
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .card-wrapper._2 {
    flex-direction: column;
    justify-content: space-between;
    align-self: center;
  }

  .card-wrapper.understand {
    min-width: 300px;
  }

  .card-wrapper.footer {
    flex-direction: column;
    align-items: center;
    padding-top: 30px;
  }

  .understand-card._1, .understand-card._2 {
    padding-top: 100%;
  }

  .understand-card._3 {
    background-position: 50% 58%;
    padding-top: 100%;
  }

  .card-info {
    padding-left: 0;
    padding-right: 10px;
  }

  .text-block, .text-block._1 {
    font-size: 14px;
  }

  .image-3 {
    background-color: #0000;
  }

  .footer-item-wrapper.send-email {
    margin-bottom: 40px;
  }

  .play-btn-back {
    order: 0;
    align-self: center;
    position: absolute;
    top: 75%;
  }

  .button.cookie {
    align-items: center;
    margin-left: 0;
  }

  .button-icon {
    margin-left: 16px;
    display: none;
    position: relative;
    left: 0%;
  }

  .matt_wrapper {
    background-color: var(--red);
    background-image: none;
    width: 100%;
    height: 280px;
    position: relative;
    top: 0;
  }

  .footer-text {
    width: 85%;
    font-size: 14px;
  }

  .footer-text.foot {
    opacity: 1;
    width: auto;
    min-width: auto;
    max-width: none;
  }

  .footer-links {
    flex-direction: column;
    align-items: center;
  }

  .secttion-line {
    border-color: #3db8a166 #fff3 #fff3;
    margin-top: 40px;
  }

  .about-section {
    height: auto;
    min-height: auto;
    position: relative;
    overflow: hidden;
  }

  .header-wrapper-lead.center {
    align-items: center;
    width: 250px;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-bottom: 6px;
  }

  .crayons-container.home {
    width: 29%;
    margin-top: 40vw;
    margin-bottom: 0%;
    margin-right: 5px;
    top: 0;
  }

  .crayons-container.home.small {
    width: 22.4%;
  }

  .glue-container {
    width: 11%;
    margin-left: 0%;
    margin-right: 14px;
  }

  .glue-container.dino {
    align-self: flex-start;
    width: 22%;
    margin-top: 72%;
    margin-right: 0%;
  }

  .glue-container.dino-2 {
    align-self: flex-start;
    width: 22%;
    margin-top: 75%;
    margin-left: 72%;
    margin-right: 0%;
    position: relative;
  }

  .glue-shadow-2 {
    transform: scale3d(1.4, 1.6, 1)rotate(9deg)translate(20px, -30px);
  }

  .scissors-container {
    width: 14%;
    margin-left: 10px;
    margin-right: 0%;
  }

  .scissors-container.dino {
    flex: 1;
    order: 1;
    align-self: flex-start;
    width: 28%;
    margin: 53% 0 0% 14%;
    position: relative;
    transform: rotate(110deg);
  }

  .scissors-shadow-1 {
    transform: translate(3px, -3px);
  }

  .scissors-shadow-2 {
    transform: translate(6px, -6px);
  }

  .pencil-container.home {
    width: 53%;
    margin-top: 60vw;
    margin-left: 0;
    transform: translate(0%)rotate(11deg);
  }

  .pencil-container.home.small {
    width: 40%;
  }

  .modal-wrapper.terms, .modal-wrapper.privacy {
    display: none;
  }

  .modal {
    flex-direction: column;
    height: 100vh;
    margin-left: 0;
    margin-right: 0;
    padding: 15px;
    display: flex;
    position: static;
    top: auto;
    overflow: hidden;
  }

  .modal.vid-holder {
    margin-left: 10px;
    margin-right: 10px;
  }

  .modal-h1 {
    padding-top: 30px;
    padding-bottom: 20px;
    font-size: 44px;
    line-height: 52px;
  }

  .modal-h3 {
    margin-bottom: 30px;
  }

  .modal-txt-wrapper {
    width: auto;
    height: 100%;
    min-height: auto;
    max-height: none;
    position: static;
    overflow: auto;
  }

  .modal-closer {
    display: flex;
  }

  .close-btn {
    top: 0;
    right: 0;
  }

  .close-line {
    width: 30px;
    transform: translate(5px, 18px)rotate(45deg);
  }

  .close-line-2 {
    width: 30px;
    transform: translate(5px, 16px)rotate(-45deg);
  }

  .modal-header {
    width: auto;
    min-width: auto;
  }

  .preloader {
    display: flex;
  }

  .loading-txt {
    font-size: 20px;
    line-height: 32px;
  }

  .center {
    font-size: 36px;
  }

  .free-offer {
    background-image: radial-gradient(circle, #1e427540 25%, #1e4275e6), url('../images/blue_lt_2_paper.jpg');
    background-position: 0 0, 0 0;
    overflow: hidden;
  }

  .left.book-title {
    text-align: left;
    width: auto;
    max-width: 80%;
    margin-left: 0;
    font-size: 26px;
  }

  .nav {
    flex-direction: column;
    justify-content: center;
    align-self: flex-start;
    align-items: flex-start;
    margin-top: 40px;
    margin-bottom: 0;
  }

  .nav.lead {
    align-items: center;
    margin-top: 40px;
    margin-bottom: 0;
  }

  .nav._404 {
    align-items: center;
  }

  .nav.thanks {
    align-self: center;
    align-items: center;
    margin-top: 0;
  }

  .ipad {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .ab-book-info {
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
  }

  .apple-books-btn {
    text-align: left;
  }

  .book-description {
    flex-direction: column;
    align-self: center;
    width: 100%;
    margin-bottom: 0;
  }

  .activity-text-wrapper-center {
    width: 260px;
    min-width: auto;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  ._3-activitiy-pages-wrapper {
    justify-content: center;
    align-self: center;
    width: 160%;
    margin-bottom: 40px;
  }

  ._3-activitiy-pages-wrapper.multi {
    margin-bottom: 0;
  }

  ._3-activitiy-pages-wrapper.single {
    margin: 0 0 20px;
  }

  ._3-activitiy-pages-wrapper.top {
    margin: 0;
  }

  ._3-activitiy-pages-wrapper.bottom-coloring {
    margin: 0 0 40px;
    top: -2px;
  }

  .activity-page-home {
    flex: 0 auto;
    width: 100%;
    max-width: none;
    position: relative;
    left: auto;
  }

  .freebie-mockup {
    flex-direction: column;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 0;
    position: relative;
    overflow: visible;
  }

  .freebie-mockup.home {
    margin-top: 15px;
    margin-bottom: 0;
  }

  .supplies-container {
    margin-bottom: 0;
    transform: translate(0, -79%);
  }

  .supplies-container.top {
    z-index: 100;
    align-items: flex-start;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    top: auto;
    bottom: auto;
    transform: translate(0);
  }

  .supplies-container.top.masks, .supplies-container.top.dino-masks {
    margin-top: 10%;
  }

  .supplies-container.bottom {
    justify-content: space-between;
    margin-top: 66%;
  }

  .supplies-container.top-coloring {
    z-index: 100;
    align-items: flex-start;
    margin-top: 90px;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    top: auto;
    bottom: auto;
    transform: translate(0);
  }

  .supplies-container.top-coloring.masks {
    margin-top: 10%;
  }

  .supplies-container.dino {
    flex-direction: column;
    flex: 1;
    order: 0;
    justify-content: space-between;
    align-self: auto;
    align-items: flex-start;
    height: auto;
    min-height: auto;
    margin-top: 0%;
    position: absolute;
    transform: none;
  }

  .supplies-container.home {
    z-index: 100;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    top: auto;
    bottom: auto;
    transform: translate(0);
  }

  .supplies-container.home.masks, .supplies-container.home.dino-masks {
    margin-top: 10%;
  }

  .privacy-overlay {
    height: auto;
    min-height: auto;
    max-height: none;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    inset: auto 0% 0%;
  }

  .cookie-text {
    color: var(--white);
    text-align: left;
    width: 222px;
    margin-bottom: 0;
  }

  .home-email-list-form {
    background-color: #0000;
    align-self: center;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    font-size: 14px;
    line-height: 1.4em;
    display: block;
  }

  .home-btn {
    margin-bottom: 0;
  }

  .book-features {
    width: 100%;
    max-width: 100%;
    margin-top: 20px;
    margin-bottom: 0;
    padding-left: 16px;
    font-size: 71px;
    line-height: 1.4em;
  }

  .book-intro {
    color: var(--white);
    text-align: left;
    width: 100%;
  }

  .ppdd-pb-cta {
    border-radius: 0;
    justify-content: flex-start;
    margin-left: 0;
    margin-right: auto;
  }

  .ppdd-pb-cta.instagram {
    margin-left: auto;
  }

  .button-cta {
    align-self: center;
    align-items: center;
    width: auto;
    margin-top: 40px;
    display: none;
  }

  .button-cta.phone {
    align-self: flex-start;
    margin-top: 0;
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .button-cta._404 {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .button-cta.lead {
    flex: 0 auto;
    align-self: center;
    margin-top: 40px;
    display: flex;
  }

  .button-cta.thanks {
    display: flex;
  }

  .button-cta.insta {
    margin-top: 0;
    display: flex;
  }

  .btn-cta-text {
    padding-left: 24px;
    padding-right: 24px;
  }

  .book-header {
    align-items: flex-start;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .overlay-container {
    flex-direction: column;
    height: auto;
    bottom: auto;
  }

  .overlay-container.overlay-shadow {
    background-color: #0000;
    box-shadow: 0 16px 44px #112541ad;
  }

  .overlay-container.overlay-shadow.lead {
    align-items: stretch;
    min-height: auto;
    max-height: none;
    box-shadow: 0 16px 44px #00000094;
  }

  .bold {
    margin-bottom: 20px;
  }

  .bold.tight {
    width: 280px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .light {
    margin: 0 auto;
  }

  .h4-center {
    color: var(--white);
    width: 100%;
  }

  .header-image {
    background-position: 30%;
  }

  .button-secondary {
    padding-left: 24px;
    padding-right: 24px;
  }

  .button-txt-secondary {
    color: var(--dark-slate-blue);
    padding-right: 0;
  }

  .button-icon-secondary {
    color: var(--dark-slate-blue);
    margin-left: 16px;
    display: none;
    position: relative;
    left: 0%;
  }

  .header-thanks {
    height: auto;
    min-height: auto;
    position: relative;
    overflow: hidden;
  }

  .thanks-txt-wrapper {
    width: 240px;
    max-width: none;
    margin-bottom: 40px;
  }

  .header-404 {
    height: 100vh;
    min-height: 480px;
    position: relative;
    overflow: hidden;
  }

  .headline-wrapper {
    align-self: center;
    width: 220px;
    margin-left: auto;
    margin-right: auto;
  }

  .headline-wrapper._404 {
    width: auto;
  }

  .offer-image-1.page-shadow {
    transform: translate3d(0, 0, 10px);
  }

  .offer-image-2 {
    transform: translate3d(0, 0, -10px)rotate(0);
  }

  .offer-image-2.page-shadow.btm-6 {
    transform: translate3d(-71px, 0, -10px)rotate(0);
  }

  .offer-image-2.top-3 {
    transform: translate3d(-16px, 0, -10px)rotate(0);
  }

  .offer-image-3 {
    transform: rotate(0)translate3d(44%, 0, -10px);
  }

  .offer-image-3.page-shadow.btm-4, .offer-image-3.top-1 {
    transform: rotate(0)translate3d(10%, 0, -10px);
  }

  ._2-activitiy-pages-wrapper {
    justify-content: center;
    align-self: center;
    width: 105.6%;
    margin-bottom: 40px;
    top: -14px;
    transform: rotate(0);
  }

  .offer-image-4 {
    transform: rotate(0)translate3d(44%, 10px, -10px);
  }

  .offer-image-4.page-shadow {
    transform: rotate(0)translate3d(2%, 10px, -10px);
  }

  .offer-image-5 {
    transform: translate3d(0, 10px, -10px)rotate(0);
  }

  .offer-image-5.page-shadow {
    transform: translate(0, 10px)rotate(0);
  }

  .leadmag-email-form {
    background-color: #0000;
    width: 280px;
    margin-bottom: 0;
    display: block;
    bottom: auto;
    left: auto;
    right: auto;
    transform: translate(0);
  }

  .h4-box {
    color: var(--white);
    text-align: center;
    align-self: center;
    width: 290px;
    padding-top: 0;
  }

  .h4-box.thanks {
    width: 270px;
    padding-left: 0%;
    padding-right: 0%;
  }

  .h4-box.dino {
    width: 260px;
  }

  .lead-info {
    flex-direction: column;
    align-self: center;
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    inset: auto auto 193px;
  }

  .lead-info.thanks {
    top: -344px;
    bottom: auto;
  }

  .email-form {
    background-position: 50% 100%, 0 0, 0 0;
    height: 500px;
    min-height: auto;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    overflow: visible;
  }

  .lead-txt-wrapper {
    align-items: flex-start;
    width: 100%;
    height: auto;
    min-height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 60px 0 20px;
  }

  .lead-kid-wrapper {
    background-color: #0000;
    background-image: none;
    width: 100%;
    height: 360px;
    top: 0;
  }

  .kid-overlay {
    background-image: url('../images/girl_hair_crop.png');
    background-position: 50% 18%;
    background-size: 580px;
    height: 100%;
    display: block;
    top: 0;
    right: 0;
  }

  .lead-lockup-wrapper {
    align-items: center;
    width: auto;
  }

  .offer-thanks.blank {
    padding-bottom: 400px;
  }

  .teacher-overlay {
    background-image: url('../images/teacher.png');
    background-position: 50% 18%;
    background-size: 580px;
    height: 100%;
    display: block;
    top: 0;
    right: 0;
  }

  ._3-masks-wrapper {
    justify-content: center;
    align-self: center;
    width: 160%;
    margin-bottom: 40px;
  }

  ._3-masks-wrapper.multi, ._3-masks-wrapper.multi-copy {
    flex-direction: column;
    width: 100%;
    margin-bottom: 0;
  }

  ._2-mask-wrapper {
    justify-content: center;
    align-self: center;
    width: 105.6%;
    margin-bottom: 40px;
    top: -14px;
    transform: rotate(0);
  }

  .info {
    width: 280px;
    font-size: 14px;
    line-height: 1.4em;
  }

  .header-insta {
    height: 100%;
    min-height: auto;
    position: relative;
    overflow: visible;
  }

  .header-insta.icon-background {
    background-image: radial-gradient(circle farthest-corner at 50% 50%, #1e427599, #1e427566), url('../images/icon_pattern_03_sm.svg'), linear-gradient(to bottom, var(--dark-cyan), var(--dark-slate-blue-4) 50%, var(--dark-slate-blue));
    background-position: 0 0, 50%, 0 0;
    background-size: auto, 800px 800px, auto;
  }

  .insta-link-block {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
  }

  .insta-link-block.top, .insta-link-block.bottom {
    flex-direction: column;
    align-items: center;
    margin-top: 40px;
  }

  .insta-image {
    border: 1px none var(--old-lace);
    background-image: none;
    width: 300px;
    height: 160px;
    overflow: hidden;
  }

  .image-4, .image-5 {
    object-fit: cover;
  }

  .activity-features {
    width: 280px;
    margin-top: 40px;
    margin-bottom: 0;
    font-size: 71px;
    line-height: 1.4em;
  }

  .markers-container.home {
    width: 29%;
    margin-bottom: 0%;
    margin-right: 5px;
    top: 20px;
  }

  .markers-container.home.small {
    width: 22.4%;
  }

  .coloring-info {
    width: 335px;
  }

  .h4-thanks {
    color: var(--white);
    text-align: center;
    align-self: center;
    width: 290px;
    padding-top: 0;
  }

  .h4-thanks.thanks {
    width: 270px;
    padding-left: 0%;
    padding-right: 0%;
  }

  .mask_complete {
    flex-direction: column;
    flex: 0 auto;
    justify-content: center;
    align-self: center;
    width: 90%;
    max-width: none;
    min-height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    position: relative;
    left: auto;
  }

  .mask_complete.m-04 {
    min-height: 320px;
    max-height: none;
  }

  .mask_complete.mask-resize {
    width: 100%;
    margin-top: 0;
  }

  .dino-mask-1 {
    transform: rotate(2deg);
  }

  .dino-mask-1.page-shadow.btm-4, .dino-mask-1.top-1 {
    transform: rotate(0)translate3d(10%, 0, -10px);
  }

  .dino-mask-done.page-shadow {
    transform: translate3d(0, 0, 10px);
  }

  .dino-mask-wrapper {
    flex: 0 auto;
    width: 100%;
    max-width: none;
    position: relative;
    left: auto;
  }

  .dino-mask-2 {
    transform: rotate(-2deg);
  }

  .book-info {
    width: 100%;
  }

  .book-sc-mockup {
    margin-top: 16px;
    margin-bottom: 0;
  }

  .book-title-wrapper {
    width: 100%;
    max-width: 40ch;
  }

  .ppdd-amazon-pb, .ppdd-amazon-pb-image {
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
  }

  .dino-mask-02-1 {
    transform: rotate(2deg);
  }

  .dino-mask-02-1.page-shadow.btm-4, .dino-mask-02-1.top-1 {
    transform: rotate(0)translate3d(10%, 0, -10px);
  }

  .dino-mask-02-2 {
    transform: rotate(-2deg);
  }

  .dino-mask-02.page-shadow {
    transform: translate3d(0, 0, 10px);
  }

  .mask-w-pages {
    justify-content: center;
    align-self: center;
    width: 160%;
    margin-bottom: 0;
  }

  .mask-w-pages.multi, .mask-w-pages.multi-1 {
    flex-direction: column;
    width: 100%;
    margin-bottom: 0;
  }

  .thanks-txt-wrapper-masks {
    width: 240px;
    max-width: none;
    margin-bottom: 0;
  }

  .mask-wrapper {
    align-items: stretch;
    margin-top: 0%;
    display: block;
  }

  .mask-wrapper.spacer-4 {
    margin-bottom: 8%;
  }

  .mask-wrapper.spacer-2 {
    margin-bottom: 6%;
  }

  .image-6, .mask-spacer {
    align-self: center;
  }

  .mask-offer {
    overflow: hidden;
  }

  .mask-offer.blank {
    padding-bottom: 400px;
  }

  .activity-features-home {
    width: 280px;
    margin-top: 48px;
    margin-bottom: 0;
    font-size: 71px;
    line-height: 1.4em;
  }
}

#w-node-_3e3e110d-c78b-be4a-4b14-6e43d1906d54-485a381d, #w-node-_6df6b7b1-db4a-b68a-a35e-578ad86e0965-2b0efbcd, #w-node-_6df6b7b1-db4a-b68a-a35e-578ad86e0965-47646faf, #w-node-_6df6b7b1-db4a-b68a-a35e-578ad86e0965-62e13e42, #w-node-_6df6b7b1-db4a-b68a-a35e-578ad86e0965-8f60086b, #w-node-_6df6b7b1-db4a-b68a-a35e-578ad86e0965-b5212960, #w-node-_6df6b7b1-db4a-b68a-a35e-578ad86e0965-03d50959 {
  grid-area: 1 / 3 / 3 / 4;
}