/*-- -------------------------- -->
<---           Landing          -->
<--- -------------------------- -*/
/* Mobile */
@media only screen and (min-width: 0em) {
  #landing {
    z-index: 1;
    position: relative;
    overflow: hidden;
    height: calc(600 / 16 * 1rem); }
    #landing picture.company-van-img {
      position: absolute;
      height: 100%;
      width: 100%;
      display: block; }
      #landing picture.company-van-img img {
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
        width: 100%;
        height: 100%; }
      #landing picture.company-van-img:after {
        content: "";
        position: absolute;
        inset: 0;
        background-color: rgba(0, 0, 0, 0.7);
        /* 70% opaque black */
        pointer-events: none;
        /* so clicks still hit the image if needed */ }
    #landing .container {
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      #landing .container h1 {
        font-family: "Rokkitt", serif;
        font-size: calc(65 / 16 * 1rem);
        font-weight: 900;
        color: var(--white); } }
/* Tablet */
/* Small Desktop */
/* Desktop */
/*-- -------------------------- -->
<---        Drop Us A Line      -->
<--- -------------------------- -*/
/* Mobile */
@media only screen and (min-width: 0em) {
  #drop-a-line {
    margin-bottom: calc(136 / 16 * 1rem);
    position: relative;
    padding-top: calc(136 / 16 * 1rem); }
    #drop-a-line .container {
      z-index: 1; }
      #drop-a-line .container h2 {
        text-align: center;
        margin-right: auto;
        margin-left: auto; }
      #drop-a-line .container .contact-grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: calc(20 / 16 * 1rem); }
        #drop-a-line .container .contact-grid .contact-card {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          padding: calc(20 / 16 * 1rem);
          gap: calc(10 / 16 * 1rem);
          -webkit-box-shadow: var(--box-shadow);
                  box-shadow: var(--box-shadow);
          border-radius: calc(8 / 16 * 1rem);
          background-color: var(--white); }
          #drop-a-line .container .contact-grid .contact-card img {
            width: calc(56 / 16 * 1rem); }
          #drop-a-line .container .contact-grid .contact-card h2 {
            margin: 0;
            text-align: left; }
          #drop-a-line .container .contact-grid .contact-card a,
          #drop-a-line .container .contact-grid .contact-card p {
            color: var(--paragraphColor);
            font-weight: 600;
            text-decoration: none; }
    #drop-a-line .carpet-pattern-container {
      position: absolute;
      top: calc(-10 / 16 * 1rem);
      left: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      #drop-a-line .carpet-pattern-container .carpet-lines-top {
        z-index: 0;
        height: calc(400 / 16 * 1rem); }
        #drop-a-line .carpet-pattern-container .carpet-lines-top img {
          height: 100%;
          width: auto;
          -o-object-fit: cover;
             object-fit: cover;
          -o-object-position: center;
             object-position: center; } }
/* Tablet */
@media only screen and (min-width: 48em) {
  #drop-a-line .container {
    max-width: calc(1150 / 16 * 1rem); }
    #drop-a-line .container .contact-grid {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch; }
      #drop-a-line .container .contact-grid .contact-card {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
  #drop-a-line .carpet-pattern-container {
    position: absolute;
    top: calc(-10 / 16 * 1rem);
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    #drop-a-line .carpet-pattern-container .carpet-lines-top {
      z-index: 0;
      height: calc(400 / 16 * 1rem); }
      #drop-a-line .carpet-pattern-container .carpet-lines-top img {
        height: 100%;
        width: auto;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center; } }
/* Small Desktop */
/* Desktop */
/*-- -------------------------- -->
<---            Form            -->
<--- -------------------------- -*/
/* Mobile */
@media only screen and (min-width: 0em) {
  #form {
    z-index: 1;
    position: relative;
    padding-bottom: calc(136 / 16 * 1rem); }
    #form .hidden {
      display: none; }
    #form .container {
      z-index: 1; }
      #form .container .contact-container .contact-image {
        display: none; }
      #form .container .contact-container .contact-form-wrapper {
        background-color: var(--primaryDark);
        padding: calc(20 / 16 * 1rem);
        border-radius: calc(8 / 16 * 1rem); }
        #form .container .contact-container .contact-form-wrapper form {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          gap: calc(20 / 16 * 1rem); }
          #form .container .contact-container .contact-form-wrapper form iframe {
            width: 100%; }
          #form .container .contact-container .contact-form-wrapper form input {
            height: calc(40 / 16 * 1rem); }
          #form .container .contact-container .contact-form-wrapper form textarea {
            height: calc(200 / 16 * 1rem); }
          #form .container .contact-container .contact-form-wrapper form input,
          #form .container .contact-container .contact-form-wrapper form textarea {
            background-color: var(--white); }
          #form .container .contact-container .contact-form-wrapper form button {
            border: none; }
    #form .carpet-pattern-container {
      position: absolute;
      bottom: calc(-10 / 16 * 1rem);
      left: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%; }
      #form .carpet-pattern-container .carpet-lines-bottom {
        z-index: 0;
        height: calc(400 / 16 * 1rem); }
        #form .carpet-pattern-container .carpet-lines-bottom img {
          height: 100%;
          width: auto;
          -o-object-fit: cover;
             object-fit: cover;
          -o-object-position: center;
             object-position: center; } }
/* Tablet */
@media only screen and (min-width: 48em) {
  #form {
    position: relative; }
    #form .container {
      max-width: calc(1150 / 16 * 1rem); }
      #form .container .contact-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        background-color: var(--primaryDark);
        border-radius: 0.5rem; }
        #form .container .contact-container .contact-image {
          max-height: calc(648 / 16 * 1rem);
          -ms-flex-preferred-size: 50%;
              flex-basis: 50%;
          overflow: hidden;
          display: block; }
          #form .container .contact-container .contact-image picture {
            max-height: calc(751 / 16 * 1rem);
            width: 100%;
            overflow: hidden;
            border-radius: calc(8 / 16 * 1rem); }
            #form .container .contact-container .contact-image picture img {
              border-radius: calc(8 / 16 * 1rem) 0 0 calc(8 / 16 * 1rem);
              height: 100%;
              width: auto;
              -o-object-fit: cover;
                 object-fit: cover;
              -o-object-position: center;
                 object-position: center; }
        #form .container .contact-container .contact-form-wrapper {
          width: 100%;
          -ms-flex-preferred-size: 50%;
              flex-basis: 50%;
          background-color: var(--primaryDark);
          padding: calc(20 / 16 * 1rem);
          border-radius: calc(8 / 16 * 1rem);
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
          #form .container .contact-container .contact-form-wrapper form {
            min-width: calc(300 / 16 * 1rem);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            gap: calc(20 / 16 * 1rem); }
            #form .container .contact-container .contact-form-wrapper form input {
              height: calc(40 / 16 * 1rem); }
            #form .container .contact-container .contact-form-wrapper form textarea {
              height: calc(200 / 16 * 1rem); }
            #form .container .contact-container .contact-form-wrapper form input,
            #form .container .contact-container .contact-form-wrapper form textarea {
              background-color: var(--white); }
            #form .container .contact-container .contact-form-wrapper form button {
              border: none; } }
/* Small Desktop */
/* Desktop */