/* Version: 1.2.0 - Generated 2022-05-30 14:11:29 */
:root {
  --primary: white;
  --primary-hover: white;
  --primary-ultra-light: #f2f2f2;
  --primary-light: #d9d9d9;
  --primary-medium: gray;
  --primary-dark: #404040;
  --primary-ultra-dark: #1a1a1a;
  --primary-comp: white;
  --secondary: #bc00d8;
  --secondary-hover: #d800f8;
  --secondary-ultra-light: #fce6ff;
  --secondary-light: #f5b3ff;
  --secondary-medium: #de00ff;
  --secondary-dark: #6f0080;
  --secondary-ultra-dark: #2c0033;
  --secondary-comp: #1cd800;
  --accent-old: #41ead4;
  --accent: #00ffde;
  --accent-hover: #69eedd;
  --accent-ultra-light: #e8fcfa;
  --accent-light: #baf7ef;
  --accent-medium: #19e6cb;
  --accent-dark: #0d7366;
  --accent-ultra-dark: #052e29;
  --accent-comp: #ea4157;
  --base: black;
  --base-hover: black;
  --base-ultra-light: #f2f2f2;
  --base-light: #d9d9d9;
  --base-medium: gray;
  --base-dark: #404040;
  --base-ultra-dark: #1a1a1a;
  --base-comp: black;
  --white: #fff;
  --black: #000;
  --beige: #bda77e;
  --shade: #898989;
  --shade-hover: #9e9e9e;
  --shade-ultra-light: #f2f2f2;
  --shade-light: #d9d9d9;
  --shade-medium: gray;
  --shade-dark: #404040;
  --shade-ultra-dark: #1a1a1a;
  --shade-comp: #898989;
  --primary-trans-10: rgba(255, 255, 255, 0.1);
  --primary-trans-20: rgba(255, 255, 255, 0.2);
  --primary-trans-40: rgba(255, 255, 255, 0.4);
  --primary-trans-60: rgba(255, 255, 255, 0.6);
  --primary-trans-80: rgba(255, 255, 255, 0.8);
  --primary-trans-90: rgba(255, 255, 255, 0.9);
  --primary-ultra-dark-trans-10: rgba(26, 26, 26, 0.1);
  --primary-ultra-dark-trans-20: rgba(26, 26, 26, 0.2);
  --primary-ultra-dark-trans-40: rgba(26, 26, 26, 0.4);
  --primary-ultra-dark-trans-60: rgba(26, 26, 26, 0.6);
  --primary-ultra-dark-trans-80: rgba(26, 26, 26, 0.8);
  --primary-ultra-dark-trans-90: rgba(26, 26, 26, 0.9);
  --primary-light-trans-10: rgba(217, 217, 217, 0.1);
  --primary-light-trans-20: rgba(217, 217, 217, 0.2);
  --primary-light-trans-40: rgba(217, 217, 217, 0.4);
  --primary-light-trans-60: rgba(217, 217, 217, 0.6);
  --primary-light-trans-80: rgba(217, 217, 217, 0.8);
  --primary-light-trans-90: rgba(217, 217, 217, 0.9);
  --secondary-trans-10: rgba(188, 0, 216, 0.1);
  --secondary-trans-20: rgba(188, 0, 216, 0.2);
  --secondary-trans-40: rgba(188, 0, 216, 0.4);
  --secondary-trans-60: rgba(188, 0, 216, 0.6);
  --secondary-trans-80: rgba(188, 0, 216, 0.8);
  --secondary-trans-90: rgba(188, 0, 216, 0.9);
  --secondary-ultra-dark-trans-10: rgba(44, 0, 51, 0.1);
  --secondary-ultra-dark-trans-20: rgba(44, 0, 51, 0.2);
  --secondary-ultra-dark-trans-40: rgba(44, 0, 51, 0.4);
  --secondary-ultra-dark-trans-60: rgba(44, 0, 51, 0.6);
  --secondary-ultra-dark-trans-80: rgba(44, 0, 51, 0.8);
  --secondary-ultra-dark-trans-90: rgba(44, 0, 51, 0.9);
  --secondary-light-trans-10: rgba(245, 179, 255, 0.1);
  --secondary-light-trans-20: rgba(245, 179, 255, 0.2);
  --secondary-light-trans-40: rgba(245, 179, 255, 0.4);
  --secondary-light-trans-60: rgba(245, 179, 255, 0.6);
  --secondary-light-trans-80: rgba(245, 179, 255, 0.8);
  --secondary-light-trans-90: rgba(245, 179, 255, 0.9);
  --accent-trans-10: rgba(65, 234, 212, 0.1);
  --accent-trans-20: rgba(65, 234, 212, 0.2);
  --accent-trans-40: rgba(65, 234, 212, 0.4);
  --accent-trans-60: rgba(65, 234, 212, 0.6);
  --accent-trans-80: rgba(65, 234, 212, 0.8);
  --accent-trans-90: rgba(65, 234, 212, 0.9);
  --accent-ultra-dark-trans-10: rgba(5, 46, 41, 0.1);
  --accent-ultra-dark-trans-20: rgba(5, 46, 41, 0.2);
  --accent-ultra-dark-trans-40: rgba(5, 46, 41, 0.4);
  --accent-ultra-dark-trans-60: rgba(5, 46, 41, 0.6);
  --accent-ultra-dark-trans-80: rgba(5, 46, 41, 0.8);
  --accent-ultra-dark-trans-90: rgba(5, 46, 41, 0.9);
  --accent-light-trans-10: rgba(186, 247, 239, 0.1);
  --accent-light-trans-20: rgba(186, 247, 239, 0.2);
  --accent-light-trans-40: rgba(186, 247, 239, 0.4);
  --accent-light-trans-60: rgba(186, 247, 239, 0.6);
  --accent-light-trans-80: rgba(186, 247, 239, 0.8);
  --accent-light-trans-90: rgba(186, 247, 239, 0.9);
  --base-trans-10: rgba(0, 0, 0, 0.1);
  --base-trans-20: rgba(0, 0, 0, 0.2);
  --base-trans-40: rgba(0, 0, 0, 0.4);
  --base-trans-60: rgba(0, 0, 0, 0.6);
  --base-trans-80: rgba(0, 0, 0, 0.8);
  --base-trans-90: rgba(0, 0, 0, 0.9);
  --base-ultra-dark-trans-10: rgba(26, 26, 26, 0.1);
  --base-ultra-dark-trans-20: rgba(26, 26, 26, 0.2);
  --base-ultra-dark-trans-40: rgba(26, 26, 26, 0.4);
  --base-ultra-dark-trans-60: rgba(26, 26, 26, 0.6);
  --base-ultra-dark-trans-80: rgba(26, 26, 26, 0.8);
  --base-ultra-dark-trans-90: rgba(26, 26, 26, 0.9);
  --base-light-trans-10: rgba(217, 217, 217, 0.1);
  --base-light-trans-20: rgba(217, 217, 217, 0.2);
  --base-light-trans-40: rgba(217, 217, 217, 0.4);
  --base-light-trans-60: rgba(217, 217, 217, 0.6);
  --base-light-trans-80: rgba(217, 217, 217, 0.8);
  --base-light-trans-90: rgba(217, 217, 217, 0.9);
  --white-trans-10: rgba(255, 255, 255, 0.1);
  --white-trans-20: rgba(255, 255, 255, 0.2);
  --white-trans-40: rgba(255, 255, 255, 0.4);
  --white-trans-60: rgba(255, 255, 255, 0.6);
  --white-trans-80: rgba(255, 255, 255, 0.8);
  --white-trans-90: rgba(255, 255, 255, 0.9);
  --black-trans-10: rgba(0, 0, 0, 0.1);
  --black-trans-20: rgba(0, 0, 0, 0.2);
  --black-trans-40: rgba(0, 0, 0, 0.4);
  --black-trans-60: rgba(0, 0, 0, 0.6);
  --black-trans-80: rgba(0, 0, 0, 0.8);
  --black-trans-90: rgba(0, 0, 0, 0.9);
  --shade-trans-10: rgba(137, 137, 137, 0.1);
  --shade-trans-20: rgba(137, 137, 137, 0.2);
  --shade-trans-40: rgba(137, 137, 137, 0.4);
  --shade-trans-60: rgba(137, 137, 137, 0.6);
  --shade-trans-80: rgba(137, 137, 137, 0.8);
  --shade-trans-90: rgba(137, 137, 137, 0.9);
  --shade-ultra-dark-trans-10: rgba(26, 26, 26, 0.1);
  --shade-ultra-dark-trans-20: rgba(26, 26, 26, 0.2);
  --shade-ultra-dark-trans-40: rgba(26, 26, 26, 0.4);
  --shade-ultra-dark-trans-60: rgba(26, 26, 26, 0.6);
  --shade-ultra-dark-trans-80: rgba(26, 26, 26, 0.8);
  --shade-ultra-dark-trans-90: rgba(26, 26, 26, 0.9);
  --shade-light-trans-10: rgba(217, 217, 217, 0.1);
  --shade-light-trans-20: rgba(217, 217, 217, 0.2);
  --shade-light-trans-40: rgba(217, 217, 217, 0.4);
  --shade-light-trans-60: rgba(217, 217, 217, 0.6);
  --shade-light-trans-80: rgba(217, 217, 217, 0.8);
  --shade-light-trans-90: rgba(217, 217, 217, 0.9);
  --shade-white: #fff;
  --shade-black: #000;
  --text-xs: 1.3rem;
  --text-s: 1.4rem;
  --text-m: 1.8rem;
  --text-l: 2rem;
  --text-xl: 2.3rem;
  --text-xxl: 2.6rem;
  --space-xs: 1.9rem;
  --space-s: 2.1rem;
  --space-m: 2.4rem;
  --space-l: 2.7rem;
  --space-xl: 3rem;
  --space-xxl: 3.4rem;
  --section-space-xs: 3.8rem;
  --section-space-s: 4.8rem;
  --section-space-m: 6rem;
  --section-space-l: 7.5rem;
  --section-space-xl: 9.4rem;
  --section-space-xxl: 11.7rem;
  --width-xs: calc((128 * 0.1) * 1rem);
  --width-s: calc((128 * 0.2) * 1rem);
  --width-m: calc((128 * 0.4) * 1rem);
  --width-l: calc((128 * 0.6) * 1rem);
  --width-xl: calc((128 * 0.8) * 1rem);
  --width-xxl: calc((128 * 0.9) * 1rem);
  --width-vp-max: calc((128 - 3 * 2) * 1rem);
  --width-50: calc((128 / 2) * 1rem);
  --width-full: 100%;
  --radius-xs: 0.4444444444rem;
  --radius-s: 0.6666666667rem;
  --radius-m: 1rem;
  --radius-l: 1.5rem;
  --radius-xl: 2.25rem;
  --radius-xxl: 3.375rem;
  --radius-50: 50%;
  --radius-circle: 50%;
  --section-padding-x: 3rem;
  --btn-border-size: 0.25rem;
  --outline-btn-border-size: 0.25rem;
  --btn-pad-y: 1em;
  --btn-pad-x: 1.5em;
  --btn-radius: 0;
}

body {
    font-family: Montserrat;
}

form > div > label {
    font-size: 1.4rem;
}
.footer {
  font-size: 1.42rem;
  font-size: calc(1.200300075rem + (0.1500375094 * ((100vw - 32rem) / 96)));
  font-size: max(1.1 * 1rem, 1.3503375844 * 1rem);
}

.checkmark {
      display: inline-block;
      transform: rotate(45deg);
      height: 35px;
      width: 20px;
      border-bottom: 5px solid #16ff02;
      border-right: 5px solid #16ff02;
      position: absolute;
      top: 1rem;
      left: 3rem;
      z-index: 2;
    }

.board-ratio-1 {
    width:900px;
    height:428px;

    & > .text--xs {
      font-size: 1.01rem;
    }
    & > .text--s {
      font-size: 1.35rem;
    }
    & > .text--m {
      font-size: 1.8rem;
    }
    & > .text--l {
      font-size: 2.4rem;
    }
    & > .text--xl {
      font-size: 3.2rem;
    }
    & > .text--xxl {
      font-size: 4.26rem;
    }
    & > .text--xxxl {
      font-size: 5.95rem;
    }
}

.board-ratio-9 {
    width:900px;
    height:310px;

    & > .text--xs {
      font-size: 1.01rem;
    }
    & > .text--s {
      font-size: 1.35rem;
    }
    & > .text--m {
      font-size: 1.8rem;
    }
    & > .text--l {
      font-size: 2.4rem;
    }
    & > .text--xl {
      font-size: 3.2rem;
    }
    & > .text--xxl {
      font-size: 4.26rem;
    }
    & > .text--xxxl {
      font-size: 5.95rem;
    }
}

.form-floating > label {
    color: #5d5656;
    padding: 0.2rem 0.75rem;
}

.editor-display {
    position: relative;
    height: 200px;
}

.form-check {
    display: flex;
    column-gap: 1rem;
    align-items: baseline;
}

.form-check > label {
    font-size: 1.4rem;
    text-align: baseline;
}
.inner-content {
    font-size: clamp(1.4rem, calc(1.4rem + ((1vw - 0.48rem) * 0.5556)), 1.8rem);
}
.section-1 {
    display: flex;
    flex-direction: column;
}
.faq-section {
    align-items: center;
    min-height: 24rem;;
    position: relative;
    display: flex;
}

.faq-section-header {
    text-align: center;
    font-weight: 700;
    font-size: 10rem;
    color: var(--primary);
    width: 100%;
}

.privacy-section {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-left: 2rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-top: 4rem;
}
.faq-section:before {
    content: "";
    position: absolute;
    background-image: url("/static/images/dygytime-home-questions-tex.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    opacity: 1;
}
.login-section {
    min-height: 90vh;
    background: var(--accent);
    width: 100%;
    padding-top: 6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.div-login {
    background: var(--primary);
    border-left: 1px solid var(--shade);
    border-right: 1px solid var(--shade);
    border-bottom: 1px solid var(--shade);
    border-top: 3px solid var(--accent-dark);
    width: 100%;
    display: flex;
    flex-direction: row;
    padding: 4rem; 
    margin-top: 4rem;
}
.inner-login {
    background: var(--primary);
    border-left: 1px solid var(--shade);
    border-right: 1px solid var(--shade);
    border-bottom: 1px solid var(--shade);
    border-top: 3px solid var(--accent-dark);
    padding: 2rem;
    margin-top: 1rem;
}
.login-left {
    width: 60%;
    max-width: 400px;
}
.login-right {
    width: 100%;
    margin: 2rem;
}
.login-or {
    width: 100%;
    text-align: center;
    margin-bottom: 1rem;
    margin-top: 1rem;
}
.socialaccount_providers {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.btn-facebook {
    background-color: #1877F2;
    border-color: #1877F2;
    color: var(--primary);
}
.btn-facebook a, .btn-facebook a:hover {
    color: var(--primary);
}
.btn-google {
    background-color: var(--primary);
    border: none;
    box-shadow: 0px 0px 8px 2px var(--shade-light);
}
.btn-google a, .btn-google a:hover {
    color: var(--base);
}
.height-v90 {
    min-height: 90vh;
    width: 100%;
    background-color: var(--beige);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.builder-section {
    background-color: var(--beige);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 10rem;
    padding-bottom: 6rem;
    min-height: 90vh;
}
.builder-section2 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 6rem;
}
.builder-section3 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 2rem;
    padding-bottom: 4rem;
}
.builder-form {
    width: 50%;
    align-items: stretch;
    color: var(--base)
}
.builder-form-90 {
    width: 90%;
    color: var(--base)
}
.side-by-side {
    display: flex;
    width: 100%;
}
.mobile-fixed {
    padding-left: 1rem;
}
.mobile-offset-1 {
    margin-top: 2rem;
    overflow-y: scroll;
    max-height: 88vh;
}
.mobile-offset-9 {
    margin-top: 2rem;
    overflow-y: scroll;
    max-height: 88vh;
}
.supplemental-image {
    object-fit:contain; 
    border:1px solid black; 
    border-radius:15px;
}
.supplemental-image-box-shadow {
    box-shadow: 2px 2px 4px 0px;
}

.builder-billboard-wrapper {
    display:flex;
    flex-direction:column;
    row-gap:8rem;
}
.builder-billboard-1 {
    width: 600px;
    height: 288px;
}
.builder-billboard-2 {
    width: 50vw;
    height: 24vw;
}
.builder-header {
    width: 100%;
    text-align: center;
    margin-bottom: 1rem;
}
.builder-subtitle {
    width: 100%;
    text-align: left;
}
.icon-button {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.calendar th {
    text-align: center;
    width: 14.28%;
}
.month {
    font-size: var(--text-xl);
}
.date {
    font-size: var(--text-l);
    text-align: left;
    height: 8rem;
}
.time {
    font-size: var(--text-l);
    height: 8rem;
    padding-top: 2rem;
}
.div-block-one {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.div-block-two {
    background-color: var(--accent);
    text-align: center;
}
.div-block-three {
    width: 100%;
    background-image: url("/static/images/dygytime-home-board-tex.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.div-block-four {
    width: 100%;
    background-color: var(--base);
}
.div-block-five {
    width: 100%;
    position: relative;
}
.div-block-six {
    width: 100%;
    background-image: url("/static/images/dygytime-home-questions-tex.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 8rem;
}
.div-block-one-text {
    position: absolute;
    z-index: 4;
    top: 22%;
    left: 18%;
}
.big-block-text {
    font-size: 4rem;
    font-weight: 700;
    line-height: 1;
}
.carousel-container {
    padding: 6rem;
}
.accent-text {
    color: var(--accent);
}
.primary-text {
    color: var(--primary);
}
.get-started-button {
    margin-top: 3rem;
    background-color: var(--base);
    color: var(--primary);
    font-size: 2.5rem;
    border-radius: 0.25rem;
}
.get-started-button-3 {
    margin-top: 3rem;
    background-color: var(--base);
    color: var(--primary);
    font-size: 2.5rem;
    border-radius: 0.25rem;
}
.get-started-button-2 {
    margin-top: 1rem;
    background-color: var(--base);
    color: var(--primary);
    border-radius: 0.25rem;
}
.rewards-button-holder {
    width: 100%;
    margin-top: 20rem;
    text-align: center;
}
.questions-button {
    margin-top: 2rem;
    margin-bottom: 8rem;
}
.home-main-image-pc {
    display:block;
    z-index:3;
    float:left;
    position:absolute;
    max-width:100%;
}

.home-main-image-mobile {
    display: none;
    z-index: 1;
    position: relative;
    float: left;
}
.rewards-image {
    position: relative;
    z-index: 1;
    float: left;
    max-width: 100%;
}
.headline-1 {
    margin-bottom: -1rem;
}
.headline-2 {
    margin-top: 2rem;
    margin-bottom: -1rem;
    color: var(--primary);
}
.action-block {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.action-circle {
    padding: 15%;
    width: 90%;
    border-radius:100%;
    background-color: var(--primary);
}
.action-text-1 {
    text-align: center;
}
.action-text-2 {
    text-align: center;
    font-size: 1.2rem;
}
.action-image {
    width: 90%;
}
.div-middle-social {
    width: 100%;
    display: flex;
    align-items: center;
}
.div-hashtag {
    color: var(--accent);
    font-size: 6rem;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.social-media-icons {
    width: 40%;
}
.marquee {
    position: relative;
    height: 4rem;
    margin-top: 1rem;
    overflow: hidden;
    color: var(--accent);
}
.marquee-left {
    width: 100%;
    margin: 0;
    display: flex;
    text-align: center;
    position: relative;
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-animation: scroll-left 20s linear infinite;
    -webkit-animation: scroll-left 20s linear infinite;
    animation: scroll-left 20s linear infinite;
}
.marquee-right {
    width: 100%;
    margin: 0;
    display: flex;
    text-align: center;
    position: relative;
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -moz-animation: scroll-right 20s linear infinite;
    -webkit-animation: scroll-right 20s linear infinite;
    animation: scroll-right 20s linear infinite;
}
.div-text-and-button {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 2;
    position: absolute;
    top: 0;
    padding-top: 10rem;
}
.div-text-column-items {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.openmap-image {
    width: 50%;
    height: 325px;
}
.rotate-45 {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
}

.banner-overlay {
    position:absolute; 
    top:24rem; 
    left:-20rem;
    min-height:15rem;
    width:135%;
}

@-moz-keyframes scroll-left {
    0% {
        -moz-transform: translateX(100%);
    }
    100% {
        -moz-transform: translateX(-100%);
    }
}

@-webkit-keyframes scroll-left {
    0% {
        -webkit-transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
    }
}

@keyframes scroll-left {
    0% {
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
@-moz-keyframes scroll-right {
    0% {
        -moz-transform: translateX(-100%);
    }
    100% {
        -moz-transform: translateX(100%);
    }
}

@-webkit-keyframes scroll-right {
    0% {
        -webkit-transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(100%);
    }
}

@keyframes scroll-right {
    0% {
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}
@media (max-width: 1199px) {
    .side-by-side {
        flex-direction: column;
    }
    .editor-display {
        height: 170;
    }

    .big-block-text {
        font-size: 3rem;
    }
    .get-started-button {
        margin-top: 3rem;
        font-size: 2rem;
    }
    .builder-form {
        width: 60%;
    }
    .month, .mon, .tue, .wed, .thu, .fri, .sat, .sun {
        font-size: var(--text-xl);
    }
    .date, .time {
        font-size: var(--text-l);
    }
    .login-section {
        padding-top: 5rem;
    }
    .openmap-image {
        width: 60%;
        height: 300px;
    }
    .builder-section {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
}
@media (max-width: 991px) {
    .editor-display {
        height: 150;
    }

    .big-block-text {
        font-size: 2.5rem;
        margin-bottom: 1rem;
    }
    .get-started-button {
        font-size: 1.5rem;
        padding-top: 2px;
        padding-bottom: 2px;
        margin-top: 0.8rem;
    }
    .get-started-button-3 {
        font-size: 1.5rem;
        padding-top: 2px;
        padding-bottom: 2px;
        margin-top: 0.8rem;
    }
    .builder-form {
        width: 70%;
    }
    .month, .mon, .tue, .wed, .thu, .fri, .sat, .sun {
        font-size: var(--text-xl);
    }
    .date, .time {
        font-size: var(--text-l);
        height:7rem;
    }
    .calendar th {
        padding-left: 0;
        padding-right: 0;
    }
    .login-left {
        width: 80%;
    }
    .login-section {
        padding-top: 4rem;
    }
    .div-text-and-button {
        padding-top: 6rem;
    }
    .rewards-button-holder {
        margin-top: 12rem;
    }
    .div-block-six {
        padding-top: 4rem;
    }
    .questions-button {
        margin-top: 3rem;
        margin-bottom: 6rem;
    }
    .openmap-image {
        width: 70%;
        height: 280px;
    }
    .banner-overlay {
        top:16rem; 
        left:-10rem;
    }
    .builder-billboard-1 {
        width: 500px;
        height: 240px;
    }
    .builder-billboard-wrapper {
        row-gap:5rem;
    }
    .supplemental-image {
        border-radius:13px;
    }
    .builder-section {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }
}
@media (max-width: 767px) {
    .footer {
      font-size: 1.26rem;
      font-size: calc(0.9004501688rem + (0.1125562711 * ((100vw - 32rem) / 96)));
      font-size: max(1 * 1rem, 1.0130064399 * 1rem);
    }
    .form-check .form-check-input {
        width: 1.5rem;
        height: 1.5rem;
    }

    .editor-display {
        height: 125;
    }

    .big-block-text {
        font-size: 2rem;
        margin-bottom: 0.3rem;
    }
    .get-started-button {
        font-size: 1.5rem;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 1rem;
        padding-right: 1rem;
        margin-top: 2rem;
    }
    .get-started-button-3 {
        font-size: 1.5rem;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 1rem;
        padding-right: 1rem;
        margin-top: -1rem;
    }
    .action-circle {
        width: 60%;
    }
    .carousel-container {
        padding: 4rem;
    }
    .month, .mon, .tue, .wed, .thu, .fri, .sat, .sun {
        font-size: var(--text-s);
    }
    .date, .time {
        font-size: var(--text-s);
        height: 6rem;
    }
    .builder-form {
        width: 80%;
    }
    .calendar th {
        padding-left: 0;
        padding-right: 0;
    }
    .login-left {
        width: 85%;
    }
    .login-section {
        padding-top: 3rem;
    }
    .div-text-and-button {
        padding-top: 5rem;
    }
    .rewards-button-holder {
        margin-top: 8rem;
    }
    .div-block-six {
        padding-top: 4rem;
    }
    .questions-button {
        margin-top: 4rem;
        margin-bottom: 5rem;
    }
    .openmap-image {
        width: 80%;
        height: 250px;
    }
    .banner-overlay {
        top:8rem; 
        left:-6rem;
    }
    .builder-billboard-1 {
        width: 400px;
        height: 192px;
    }
    .builder-billboard-wrapper {
        row-gap:3rem;
    }
    .supplemental-image {
        border-radius:11px;
    }
    .listable-items div:nth-child(4n-1), .listable-items div:nth-child(4n) {
        border-bottom: 1px solid white;
        margin-bottom: 0.8rem;
        padding-bottom: 5px;
    }
    .miniform {
        max-width: 300px;
    }
    .builder-section {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
}
@media screen and (max-width: 479px)
{
    .mobile-fixed {
        position: fixed;
        padding-left: 0px;
    }
    .mobile-offset-1 {
        margin-top: 35rem;
        overflow-y: scroll;
        max-height: 45vh;
    }
    .mobile-offset-9 {
        margin-top: 31rem;
        overflow-y: scroll;
        max-height: 49vh;
    }
    .builder-section2 {
        padding-top: 2rem;
    }
    .board-ratio-1 {
        width:350px;
        height:166px;

        & > .text--xs {
          font-size: 0.15rem;
        }
        & > .text--s {
          font-size: 0.25rem;
        }
        & > .text--m {
          font-size: 0.49rem;
        }
        & > .text--l {
          font-size: 0.65rem;
        }
        & > .text--xl {
          font-size: 1.16rem;
        }
        & > .text--xxl {
          font-size: 1.54rem;
        }
        & > .text--xxxl {
          font-size: 2.15rem;
        }
    }
    
    .board-ratio-9 {
        width:350px;
        height:121px;

        & > .text--xs {
          font-size: 0.15rem;
        }
        & > .text--s {
          font-size: 0.25rem;
        }
        & > .text--m {
          font-size: 0.49rem;
        }
        & > .text--l {
          font-size: 0.65rem;
        }
        & > .text--xl {
          font-size: 1.16rem;
        }
        & > .text--xxl {
          font-size: 1.54rem;
        }
        & > .text--xxxl {
          font-size: 2.15rem;
        }
    }

    .editor-display {
        height: 100;
    }

    .big-block-text {
        font-size: 3rem;
        margin-bottom: 0rem;
    }
    .get-started-button {
        font-size: 2rem;
        padding-top: 3px;
        padding-bottom: 3px;
        margin-top: 14rem;
    }
    .get-started-button-3 {
        margin-top: -1rem;
        font-size: 2rem;
    }
    .home-main-image-pc {
        display: none;
    }
    .home-main-image-mobile {
        display: block;
    }
    .pc-only {
        display: none;
    }
    .carousel-container {
        padding: 2rem;
    }
    .month, .mon, .tue, .wed, .thu, .fri, .sat, .sun {
        font-size: var(--text-s);
    }
    .date, .time {
        font-size: var(--text-s);
        height: 5rem;
    }
    .time {
        padding-top: 1.5rem;
        padding-left: 0rem;
        padding-right: 0rem;
    }
    .builder-form {
        width: 90%;
    }
    .calendar th {
        padding-left: 0;
        padding-right: 0;
    }
    .login-left {
        width: 95%;
    }
    .login-section {
        padding-top: 2rem;
    }
    .div-text-and-button {
        padding-top: 1rem;
    }
    .rewards-button-holder {
        margin-top: 4rem;
    }
    .div-block-six {
        padding-top: 2rem;
    }
    .questions-button {
        margin-top: 4rem;
        margin-bottom: 5rem;
    }
    .openmap-image {
        width: 90%;
        height: 225px;
    }
    .banner-overlay {
        top:8rem; 
        left:-6rem;
    }
    .builder-billboard-1 {
        width: 300px;
        height: 144px;
    }
    .builder-billboard-wrapper {
        row-gap:1rem;
    }
    .supplemental-image {
        border-radius:9px;
    }
    .builder-section {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

}