@import url("https://use.typekit.net/tko0qsg.css");
body {
  margin: 0 auto; }
  body .wrapper #logo {
    position: absolute;
    z-index: 2001;
    background-color: white;
    border-radius: 100%;
    padding: 0.9em .5em 0.8em 0.7em;
    transition: .8s;
    top: 1em;
    left: 1em; }
    body .wrapper #logo img {
      height: auto;
      width: 100px;
      transition: .8s; }
      @media (min-width: 768px) {
        body .wrapper #logo img {
          width: 250px; } }
    body .wrapper #logo.stuck-logo {
      top: -1.3em;
      left: 2.2em;
      padding: 1em .5em .8em .7em !important;
      transform: rotate(-10deg);
      transition: .8s; }
      body .wrapper #logo.stuck-logo img {
        width: 120px;
        transition: .8s; }
  @media (min-width: 768px) {
    body .wrapper {
      top: 0em;
      left: 0em; }
      body .wrapper #logo {
        top: 2em;
        left: 2em;
        padding: 1.5em .5em 1.5em .8em; } }

footer {
  padding: 3em 0;
  position: relative;
  top: -8px; }
  footer h5 {
    color: #38445d;
    text-align: center;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: .8em;
    line-height: 1.7em; }
    @media (min-width: 768px) {
      footer h5 {
        font-size: 1em; } }
  footer h6 {
    text-align: center;
    margin-top: 3em;
    margin-bottom: 0em;
    font-size: 9px;
    padding: 0 2em; }
    @media (min-width: 768px) {
      footer h6 {
        margin-top: 6em;
        margin-bottom: 2em;
        font-size: 0.67em; } }
  footer ul {
    list-style: none;
    text-align: center;
    padding-left: 0px; }
    footer ul li {
      transition: 1s;
      margin: .5em; }
      @media (min-width: 768px) {
        footer ul li {
          display: inline; } }
      footer ul li a {
        color: #38445d;
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: none;
        letter-spacing: 1px;
        transition: 1s;
        font-size: .8em; }

nav {
  z-index: 2000;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background: linear-gradient(rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0));
  transition: 1s;
  text-align: right; }
  nav.stuck-nav {
    background: linear-gradient(rgba(255, 255, 255, 0.6) 98%, rgba(255, 255, 255, 0));
    transition: 1s;
    height: 50px; }
    @media (min-width: 768px) {
      nav.stuck-nav {
        height: auto; } }
    nav.stuck-nav .burger {
      top: 0px; }
    nav.stuck-nav ul {
      padding: 1em 0px 0;
      transition: 1s;
      margin-right: 2em; }
      nav.stuck-nav ul li {
        margin-left: .5em;
        transition: 1s; }
        nav.stuck-nav ul li a {
          font-size: .8em;
          transition: 1s; }
  nav ul {
    list-style: none;
    text-align: right;
    margin-right: 4em;
    padding: 3.5em 0px;
    margin-top: 0px;
    transition: 1s;
    display: none; }
    @media (min-width: 768px) {
      nav ul {
        display: block; } }
    nav ul li {
      display: block;
      margin-left: 1em;
      transition: 1s; }
      nav ul li a {
        color: #38445d;
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: none;
        letter-spacing: 2px;
        transition: 1s; }
      @media (min-width: 768px) {
        nav ul li {
          display: inline; }
          nav ul li:first-child {
            display: none; } }
    nav ul.visible {
      display: block;
      z-index: 4000;
      position: relative;
      margin-right: 2em;
      margin-top: 18em; }
      nav ul.visible li {
        margin-bottom: 1.5em; }
        nav ul.visible li:first-child {
          margin-bottom: 3em; }
        nav ul.visible li a {
          color: white; }

.purple {
  color: #c3b7c4; }

.blue {
  color: #9dbcda; }

div.screen {
  width: 100vw;
  height: 100px;
  overflow: hidden;
  position: absolute;
  background: transparent;
  top: 0;
  right: 0;
  margin-left: -160px; }
  div.screen.height {
    height: 100vh; }
  @media (min-width: 768px) {
    div.screen {
      display: none; } }

div.burger {
  height: 30px;
  width: 40px;
  position: absolute;
  top: 0.8em;
  right: 0.9em;
  cursor: pointer; }

div.x,
div.y,
div.z {
  position: absolute;
  margin: auto;
  top: 0px;
  bottom: 0px;
  background: #38445d;
  border-radius: 2px;
  transition: all 200ms ease-out;
  height: 3px;
  width: 26px; }

div.y {
  top: 18px; }

div.z {
  top: 37px; }

div.collapse {
  top: 20px;
  background: #fff;
  transition: all 70ms ease-out; }

div.rotate30 {
  transform: rotate(30deg);
  transition: all 50ms ease-out; }

div.rotate150 {
  transform: rotate(150deg);
  transition: all 50ms ease-out; }

div.rotate45 {
  transform: rotate(45deg);
  transition: all 100ms ease-out; }

div.rotate135 {
  transform: rotate(135deg);
  transition: all 100ms ease-out; }

div.circle {
  border-radius: 50%;
  width: 0px;
  height: 0px;
  position: absolute;
  top: 23px;
  right: 40px;
  background: #38445d;
  opacity: 1;
  transition: all 300ms cubic-bezier(0, 0.995, 0.99, 1); }

div.circle.expand {
  width: 1000px;
  height: 1000px;
  top: -360px;
  right: -360px;
  transition: all 400ms cubic-bezier(0, 0.995, 0.99, 1);
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3); }

img.basuo {
  display: none; }

img.basuo.disp {
  position: absolute;
  display: block;
  top: 58%;
  right: 50%; }

a, h1, h2, h3, h4, h5, h6, p {
  margin: 0px;
  font-family: p22-underground, sans-serif; }

h1 {
  color: #38445d;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 1.2em; }
  @media (min-width: 768px) {
    h1 {
      font-size: 1.5em; } }

h2 {
  font-size: 1.2em; }
  @media (min-width: 768px) {
    h2 {
      font-size: 1.5em; } }

h3 {
  color: #38445d;
  font-weight: 400;
  line-height: 1.6em;
  font-size: 1em; }
  @media (min-width: 768px) {
    h3 {
      font-size: 1.2em; } }

h4 {
  color: #a9c8c8;
  font-weight: 300;
  line-height: 1.6em;
  font-size: 0.9em;
  letter-spacing: 1px; }
  @media (min-width: 768px) {
    h4 {
      font-size: 1.2em; } }

body#home {
  margin: 0 auto; }
  body#home .wrapper {
    background-image: url(../_img/bg-cake-new.jpg);
    background-size: cover;
    background-position: center 30%;
    margin: 0 auto;
    height: 80vh;
    width: 100%;
    position: absolute;
    top: 0; }
    body#home .wrapper #logo {
      position: absolute;
      background-color: white;
      border-radius: 100%; }
    body#home .wrapper #wave-area-1 {
      position: relative;
      margin-top: 60vh;
      height: 100%;
      align-items: center; }
      body#home .wrapper #wave-area-1 img {
        width: 100%; }
      body#home .wrapper #wave-area-1 img:last-child {
        top: -2px;
        position: relative; }
      body#home .wrapper #wave-area-1 .info {
        z-index: 3;
        text-align: center;
        width: 100%;
        background-color: #a9c8c8;
        margin-top: -10px;
        padding: 4em 0; }
        body#home .wrapper #wave-area-1 .info h3 {
          width: 85%;
          margin: 0 auto;
          margin-top: 1em;
          margin-bottom: 2em;
          letter-spacing: 1px; }
          @media (min-width: 768px) {
            body#home .wrapper #wave-area-1 .info h3 {
              width: 50%; } }
    body#home .wrapper #home-links {
      margin-bottom: 8em;
      position: relative; }
      body#home .wrapper #home-links ul {
        list-style: none;
        padding-left: 0px; }
        body#home .wrapper #home-links ul li {
          text-align: center;
          padding: 1em 0; }
          body#home .wrapper #home-links ul li a {
            padding: 1em 0;
            text-decoration: none;
            color: #a9c8c8;
            font-size: 1.5em; }
            body#home .wrapper #home-links ul li a:hover {
              color: #38445d; }
          body#home .wrapper #home-links ul li img {
            width: 50px;
            margin: .5em 0; }
      body#home .wrapper #home-links .med-crl {
        position: absolute;
        top: -2em;
        right: 0;
        width: 18%; }
      body#home .wrapper #home-links .sml-crl {
        position: absolute;
        top: -9em;
        right: 11%;
        width: 14%; }
    body#home .wrapper #wave-area-2 {
      position: relative; }
      body#home .wrapper #wave-area-2 img {
        width: 100%;
        position: relative;
        top: -2px; }
      body#home .wrapper #wave-area-2 .lrg-crl {
        position: absolute;
        top: -9em;
        left: 8%;
        width: 26%; }
      body#home .wrapper #wave-area-2 h1 {
        background-color: #9dbcda;
        text-align: center;
        margin-top: -7px;
        padding: 0 3em; }
      body#home .wrapper #wave-area-2 .process {
        z-index: 3;
        background-color: #9dbcda;
        margin-top: -10px;
        padding: 0em 10%;
        display: flex; }
        body#home .wrapper #wave-area-2 .process h3 {
          letter-spacing: 1px; }
        body#home .wrapper #wave-area-2 .process .pro-img {
          width: 274px;
          display: none; }
          @media (min-width: 768px) {
            body#home .wrapper #wave-area-2 .process .pro-img {
              display: inline; } }
        body#home .wrapper #wave-area-2 .process ul {
          list-style: none;
          padding-left: 0px; }
          body#home .wrapper #wave-area-2 .process ul li {
            display: flex;
            align-items: center;
            margin: 2.5em 0; }
            body#home .wrapper #wave-area-2 .process ul li h3 {
              text-align: left;
              margin-left: .8em;
              line-height: 1.3em;
              font-size: 1em;
              letter-spacing: 0px;
              width: 80%; }
            body#home .wrapper #wave-area-2 .process ul li span {
              display: inline;
              background-color: #38445d;
              border-radius: 100%;
              padding: .8em 1.1em;
              color: #9dbcda;
              font-family: p22-underground, sans-serif; }
            @media (min-width: 768px) {
              body#home .wrapper #wave-area-2 .process ul li:nth-child(1) {
                padding-left: 0%; }
                body#home .wrapper #wave-area-2 .process ul li:nth-child(1) span {
                  padding: .8em 1.2em; }
              body#home .wrapper #wave-area-2 .process ul li:nth-child(2) {
                padding-left: 6%; }
                body#home .wrapper #wave-area-2 .process ul li:nth-child(2) span {
                  padding: .8em 1.15em;
                  background-color: #38445d; }
              body#home .wrapper #wave-area-2 .process ul li:nth-child(3) {
                padding-left: 10%; }
                body#home .wrapper #wave-area-2 .process ul li:nth-child(3) span {
                  background-color: #38445d; }
              body#home .wrapper #wave-area-2 .process ul li:nth-child(4) {
                padding-left: 12%; }
                body#home .wrapper #wave-area-2 .process ul li:nth-child(4) span {
                  background-color: #38445d; }
              body#home .wrapper #wave-area-2 .process ul li:nth-child(5) {
                padding-left: 13%; }
                body#home .wrapper #wave-area-2 .process ul li:nth-child(5) span {
                  background-color: #38445d; } }
      body#home .wrapper #wave-area-2 .about {
        background-color: #38445d;
        top: -10px;
        position: relative;
        padding: 4em 0 1em; }
        body#home .wrapper #wave-area-2 .about h1 {
          background-color: #38445d;
          color: #a9c8c8; }
        body#home .wrapper #wave-area-2 .about h3 {
          color: #a9c8c8;
          text-align: center;
          width: 85%;
          margin: 0 auto;
          margin-top: 1em;
          margin-bottom: 2em;
          letter-spacing: 1px; }
          @media (min-width: 768px) {
            body#home .wrapper #wave-area-2 .about h3 {
              width: 50%; } }
        body#home .wrapper #wave-area-2 .about a {
          color: white;
          text-decoration: none; }
      body#home .wrapper #wave-area-2 .about-curve {
        position: relative;
        top: -15px; }

body#gallery .top-arc {
  transform: scaleX(-1);
  z-index: -1;
  position: relative;
  width: 100%; }

body#gallery #gallery-wrap {
  width: 88%;
  margin: 0 auto;
  padding-bottom: 15vh;
  margin-top: 12vh;
  background-color: white;
  border-bottom: 1px solid #a9c8c8; }
  @media (min-width: 768px) {
    body#gallery #gallery-wrap {
      margin-top: 8vh;
      width: 70%; } }
  @media (min-width: 1024px) {
    body#gallery #gallery-wrap {
      margin-top: 5vh;
      width: 55%; } }
  body#gallery #gallery-wrap .img-2-up div {
    padding: 0px 2px 10px; }
  body#gallery #gallery-wrap .img-2-up img {
    width: 100%; }

body#gallery .grid-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

body#gallery .img-wrap {
  flex: 40%;
  position: relative;
  max-width: 50%;
  margin: 10px; }
  @media (min-width: 768px) {
    body#gallery .img-wrap {
      flex: 30%;
      max-width: 30%; } }
  @media (min-width: 1024px) {
    body#gallery .img-wrap {
      flex: 24%;
      max-width: 24%; } }
  body#gallery .img-wrap img {
    max-width: 100%; }
  body#gallery .img-wrap img:first-child {
    position: relative;
    z-index: 2; }
  body#gallery .img-wrap img:last-child {
    position: absolute;
    top: 0;
    left: 0; }
  body#gallery .img-wrap:hover img:last-child {
    z-index: 3; }

body#flavors {
  margin: 0 auto; }
  body#flavors footer {
    top: 2.5em; }
    @media (min-width: 768px) {
      body#flavors footer {
        top: 4em; } }
    @media (min-width: 1300px) {
      body#flavors footer {
        top: -5em; } }
  body#flavors .wrapper {
    background-image: url(../_img/bg-cake-flavors.jpg);
    background-size: cover;
    background-position: center 30%;
    margin: 0 auto;
    height: 57vh;
    width: 100%;
    position: absolute;
    top: 0; }
    @media (min-width: 768px) {
      body#flavors .wrapper {
        height: 80vh; } }
    body#flavors .wrapper #bg-area-1 {
      width: 100%;
      margin-top: 47vh;
      overflow: hidden; }
      body#flavors .wrapper #bg-area-1 img {
        height: 63vh; }
      body#flavors .wrapper #bg-area-1 .second {
        margin-top: 45vh; }
      @media (min-width: 768px) {
        body#flavors .wrapper #bg-area-1 {
          margin-top: 60vh; }
          body#flavors .wrapper #bg-area-1 img {
            height: auto;
            width: 100%; }
          body#flavors .wrapper #bg-area-1 .second {
            margin-top: 40vh; } }
      @media (min-width: 1024px) {
        body#flavors .wrapper #bg-area-1 .second {
          margin-top: 10vh; } }
    body#flavors .wrapper #front-area-1 {
      position: absolute;
      top: 58vh;
      width: 80%;
      left: 10%;
      margin: 0 auto; }
      @media (min-width: 768px) {
        body#flavors .wrapper #front-area-1 {
          width: 100%;
          top: 75vh;
          width: 75%;
          left: 12.5%; } }
      @media (min-width: 1300px) {
        body#flavors .wrapper #front-area-1 {
          left: 25%;
          margin: 0 auto;
          max-width: 50%; } }
      body#flavors .wrapper #front-area-1 h3 {
        width: 85%;
        margin: 0 auto;
        margin-bottom: 2em;
        letter-spacing: 1px;
        color: white;
        text-align: center; }
        @media (min-width: 768px) {
          body#flavors .wrapper #front-area-1 h3 {
            width: 50%;
            margin-bottom: 3em; } }
      body#flavors .wrapper #front-area-1 h2 {
        letter-spacing: 2px; }
      body#flavors .wrapper #front-area-1 img {
        width: 100%; }
      body#flavors .wrapper #front-area-1 .cakes h2, body#flavors .wrapper #front-area-1 .fillings h2, body#flavors .wrapper #front-area-1 .icing h2, body#flavors .wrapper #front-area-1 .decorations h2 {
        text-align: center;
        text-transform: uppercase; }
      body#flavors .wrapper #front-area-1 .cakes ul, body#flavors .wrapper #front-area-1 .fillings ul, body#flavors .wrapper #front-area-1 .icing ul, body#flavors .wrapper #front-area-1 .decorations ul {
        list-style: none;
        text-align: center;
        padding-left: 10%;
        padding-right: 10%; }
        @media (min-width: 768px) {
          body#flavors .wrapper #front-area-1 .cakes ul, body#flavors .wrapper #front-area-1 .fillings ul, body#flavors .wrapper #front-area-1 .icing ul, body#flavors .wrapper #front-area-1 .decorations ul {
            padding-left: 20%;
            padding-right: 20%; } }
        body#flavors .wrapper #front-area-1 .cakes ul li, body#flavors .wrapper #front-area-1 .fillings ul li, body#flavors .wrapper #front-area-1 .icing ul li, body#flavors .wrapper #front-area-1 .decorations ul li {
          font-family: p22-underground, sans-serif;
          line-height: 1.5em;
          display: inline;
          border-right: 2px solid #38445d;
          margin-right: .5em;
          padding-right: 1em;
          font-size: .8em; }
          body#flavors .wrapper #front-area-1 .cakes ul li:last-child, body#flavors .wrapper #front-area-1 .fillings ul li:last-child, body#flavors .wrapper #front-area-1 .icing ul li:last-child, body#flavors .wrapper #front-area-1 .decorations ul li:last-child {
            border-right: 0px; }
          @media (min-width: 768px) {
            body#flavors .wrapper #front-area-1 .cakes ul li, body#flavors .wrapper #front-area-1 .fillings ul li, body#flavors .wrapper #front-area-1 .icing ul li, body#flavors .wrapper #front-area-1 .decorations ul li {
              font-size: 1em; } }
      body#flavors .wrapper #front-area-1 .cakes {
        background-color: white;
        padding-top: 2em; }
        body#flavors .wrapper #front-area-1 .cakes h2 {
          color: #c3b7c4; }
        body#flavors .wrapper #front-area-1 .cakes ul li {
          color: #c3b7c4;
          border-right: 2px solid #c3b7c4; }
        body#flavors .wrapper #front-area-1 .cakes ul {
          padding-bottom: 1em; }
        @media (min-width: 768px) {
          body#flavors .wrapper #front-area-1 .cakes {
            padding-top: 3em; }
            body#flavors .wrapper #front-area-1 .cakes ul {
              padding-bottom: 0em; } }
      body#flavors .wrapper #front-area-1 .fillings {
        background-color: #dcebee;
        top: -10px;
        position: relative;
        padding-bottom: 1em;
        z-index: 2; }
        body#flavors .wrapper #front-area-1 .fillings h2 {
          color: #6b9c9c;
          padding-top: 1em; }
        body#flavors .wrapper #front-area-1 .fillings ul li {
          color: #6b9c9c;
          border-right: 2px solid #6b9c9c; }
        @media (min-width: 768px) {
          body#flavors .wrapper #front-area-1 .fillings h2 {
            padding-top: 0px; } }
      body#flavors .wrapper #front-area-1 .icing {
        background-color: #c3b7c4;
        top: -12px;
        position: relative;
        z-index: 1; }
        body#flavors .wrapper #front-area-1 .icing ul {
          padding-bottom: 2em; }
        body#flavors .wrapper #front-area-1 .icing h2 {
          color: #38445d; }
        body#flavors .wrapper #front-area-1 .icing ul li {
          color: #38445d;
          border-right: 2px solid #38445d; }
        @media (min-width: 768px) {
          body#flavors .wrapper #front-area-1 .icing ul {
            padding-bottom: 3em; } }
      body#flavors .wrapper #front-area-1 .decorations {
        background-color: #38445d;
        position: relative;
        top: -1.1em;
        z-index: 3;
        padding-bottom: 3em; }
        body#flavors .wrapper #front-area-1 .decorations h2 {
          color: white; }
        body#flavors .wrapper #front-area-1 .decorations ul li {
          color: white;
          border-right: 2px solid white; }
        @media (min-width: 768px) {
          body#flavors .wrapper #front-area-1 .decorations {
            top: -1.8em; } }

body#contact {
  margin: 0 auto; }
  body#contact footer {
    top: 67em; }
    @media (min-width: 768px) {
      body#contact footer {
        top: 70em; } }
    @media (min-width: 1024px) {
      body#contact footer {
        top: 48em; } }
  body#contact .wrapper {
    background-image: url(../_img/bg-cake-inquire.jpg);
    background-size: cover;
    background-position: center 30%;
    margin: 0 auto;
    margin: 0 auto;
    height: 55vh;
    width: 100%;
    position: absolute;
    top: 0; }
    @media (min-width: 768px) {
      body#contact .wrapper {
        height: 80vh; } }
    body#contact .wrapper #bg-area-1 {
      width: 100%;
      margin-top: 47vh;
      overflow: hidden; }
      body#contact .wrapper #bg-area-1 img {
        height: 40vh; }
      @media (min-width: 768px) {
        body#contact .wrapper #bg-area-1 {
          margin-top: 60vh; }
          body#contact .wrapper #bg-area-1 img {
            height: auto;
            width: 100%; } }
    body#contact .wrapper #front-area-1 {
      position: absolute;
      top: 54vh;
      width: 80%;
      left: 10%;
      margin: 0 auto; }
      @media (min-width: 768px) {
        body#contact .wrapper #front-area-1 {
          width: 100%;
          top: 75vh;
          width: 75%;
          left: 12.5%; } }
      @media (min-width: 1300px) {
        body#contact .wrapper #front-area-1 {
          left: 25%;
          margin: 0 auto;
          max-width: 50%; } }
      body#contact .wrapper #front-area-1 h3 {
        width: 85%;
        margin: 0 auto;
        margin-bottom: 2em;
        letter-spacing: 1px;
        color: white;
        text-align: center; }
        @media (min-width: 768px) {
          body#contact .wrapper #front-area-1 h3 {
            width: 50%;
            margin-bottom: 3em; } }
      body#contact .wrapper #front-area-1 h2 {
        letter-spacing: 2px; }
      body#contact .wrapper #front-area-1 img {
        width: 100%; }
      body#contact .wrapper #front-area-1 .about a {
        color: #a9c8c8;
        text-decoration: none; }
      body#contact .wrapper #front-area-1 .top h2, body#contact .wrapper #front-area-1 .directions h2 {
        text-align: center;
        text-transform: uppercase; }
      body#contact .wrapper #front-area-1 .top ul, body#contact .wrapper #front-area-1 .directions ul {
        list-style: none;
        text-align: center;
        padding-left: 20%;
        padding-right: 20%; }
        body#contact .wrapper #front-area-1 .top ul li, body#contact .wrapper #front-area-1 .directions ul li {
          font-family: p22-underground, sans-serif;
          line-height: 1.5em;
          display: inline;
          border-right: 2px solid #38445d;
          margin-right: .5em;
          padding-right: 1em; }
          body#contact .wrapper #front-area-1 .top ul li:last-child, body#contact .wrapper #front-area-1 .directions ul li:last-child {
            border-right: 0px; }
      body#contact .wrapper #front-area-1 .top {
        background-color: white;
        padding-top: .1em; }
        body#contact .wrapper #front-area-1 .top h2 {
          color: #c3b7c4; }
        body#contact .wrapper #front-area-1 .top ul li {
          color: #c3b7c4;
          border-right: 2px solid #c3b7c4; }
        @media (min-width: 768px) {
          body#contact .wrapper #front-area-1 .top {
            padding-top: 3em; } }
      body#contact .wrapper #front-area-1 .directions {
        background-color: #dcebee;
        position: relative;
        top: -1em;
        z-index: 3; }
        body#contact .wrapper #front-area-1 .directions h2 {
          padding: 2em 1em 2em;
          color: #38445d; }
        body#contact .wrapper #front-area-1 .directions ul li {
          color: white;
          border-right: 2px solid white; }
        @media (min-width: 768px) {
          body#contact .wrapper #front-area-1 .directions {
            top: -1.8em; } }
        body#contact .wrapper #front-area-1 .directions .split img {
          z-index: 5;
          position: absolute;
          top: 98px; }

.cognito form {
  margin: 1em 5% 0 !important;
  padding-bottom: 3em; }
  .cognito form h2 {
    display: none !important; }
  @media (min-width: 768px) {
    .cognito form {
      margin: 2em 15% 0 !important; } }

.cognito .c-forms-heading .c-forms-form-title {
  display: none !important; }

.cognito label[for], .cognito input[type=radio], .cognito input[type=checkbox], .cognito .c-forms-form :not(.c-question) > .c-label, .cognito .c-span-24 .c-span-24 {
  font-family: p22-underground, sans-serif !important;
  color: #a9c8c8 !important;
  font-size: .9em !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important; }
  @media (min-width: 768px) {
    .cognito label[for], .cognito input[type=radio], .cognito input[type=checkbox], .cognito .c-forms-form :not(.c-question) > .c-label, .cognito .c-span-24 .c-span-24 {
      font-size: 1em !important; } }

.cognito .c-field {
  padding: .4em 0 .9em !important; }

.cognito .c-forms-form .c-editor, .cognito .c-forms-form .c-rating-scale-questions {
  margin-top: 0.3em !important; }

.cognito .c-forms-form > .c-forms-form-body .c-field.c-required .c-label:after, .cognito .c-forms-form > .c-forms-form-body .c-rating-scale.c-required .c-choice-question:after {
  display: none !important; }

.cognito .c-forms-form input[type=text], .cognito .c-forms-form textarea, .cognito .c-forms-form input[type=email] {
  background-color: #cfc5cf !important;
  border: 0px !important;
  padding: .8em .5em !important;
  color: #38445d !important;
  font-size: 1em !important;
  font-family: p22-underground, sans-serif !important;
  transition: .5s; }
  .cognito .c-forms-form input[type=text]:focus, .cognito .c-forms-form textarea:focus, .cognito .c-forms-form input[type=email]:focus {
    background-color: #a9c8c8 !important;
    outline: none !important;
    transition: .5s; }
  @media (min-width: 768px) {
    .cognito .c-forms-form input[type=text], .cognito .c-forms-form textarea, .cognito .c-forms-form input[type=email] {
      font-size: 1.3em !important; } }

.cognito .c-forms-form .c-background-highlight {
  background-color: transparent !important; }

.c-fileupload .c-upload-button {
  padding: 0px 1em 0 0 !important; }

.cognito .c-forms-form .c-fileupload-dropzone .c-upload-button button {
  background-color: #a9c8c8 !important;
  border: 0px !important;
  color: #38445d !important;
  font-size: 1.3em !important;
  font-family: p22-underground, sans-serif !important;
  padding: 0.7em 1.05em !important; }

.cognito .c-forms-form .c-fileupload-dropzone .c-upload-button button:hover {
  background-color: #a9c8c8 !important; }

.cognito .c-forms-form .c-editor {
  color: #38445d !important; }

.cognito .c-forms-form button:not(.c-icon-button) {
  background-color: #38445d !important;
  border: 0px !important;
  font-size: 1.3em !important;
  font-family: p22-underground, sans-serif !important;
  padding: 0.7em 1.05em !important; }

.cognito .c-forms-form .c-validation, .cognito .c-forms-form .c-error:after, .cognito .c-forms-form .c-table .c-error .toggle-on:after, .cognito .c-forms-form .c-validation-icon {
  font-family: p22-underground, sans-serif !important; }

.cognito .c-action, .cognito #c-submit-button {
  float: none !important;
  text-align: center !important;
  font-size: 1em !important; }
  @media (min-width: 768px) {
    .cognito .c-action, .cognito #c-submit-button {
      font-size: 1.2em !important; } }

#map div.gmnoprint, #map div.gm-svpc, #map div[role=button], #map button {
  display: none !important; }