html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family: sans-serif
}

body {
    margin: 0
}

footer,
nav,
section {
    display: block
}

a {
    background-color: #0000
}

a:active,
a:hover {
    outline: 0
}

h1 {
    margin: .67em 0;
    font-size: 2em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

input,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

textarea {
    overflow: auto
}

@font-face {
    font-family: webflow-icons;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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)format("truetype");
    font-weight: 400;
    font-style: normal
}

[class*=\ w-icon-] {
    speak: none;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    font-family: webflow-icons !important
}

* {
    box-sizing: border-box
}

html {
    height: 100%
}

body {
    color: #333;
    background-color: #fff;
    min-height: 100%;
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 20px
}

img {
    vertical-align: middle;
    max-width: 100%;
    display: inline-block
}

.w-inline-block {
    max-width: 100%;
    display: inline-block
}

.w-button {
    color: #fff;
    line-height: inherit;
    cursor: pointer;
    background-color: #3898ec;
    border: 0;
    border-radius: 0;
    padding: 9px 15px;
    text-decoration: none;
    display: inline-block
}

input.w-button {
    -webkit-appearance: button
}

h1,
h2,
h3 {
    margin-bottom: 10px;
    font-weight: 700
}

h1 {
    margin-top: 20px;
    font-size: 38px;
    line-height: 44px
}

h2 {
    margin-top: 20px;
    font-size: 32px;
    line-height: 36px
}

h3 {
    margin-top: 20px;
    font-size: 24px;
    line-height: 30px
}

p {
    margin-top: 0;
    margin-bottom: 10px
}

ul {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px
}

.w-list-unstyled {
    padding-left: 0;
    list-style: none
}

.w-form {
    margin: 0 0 15px
}

.w-input {
    color: #333;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    width: 100%;
    height: 38px;
    margin-bottom: 10px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857;
    display: block
}

.w-input:focus {
    border-color: #3898ec;
    outline: 0
}

textarea.w-input {
    height: auto
}

.w-container {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto
}

.w-container:before,
.w-container:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-container:after {
    clear: both
}

@media screen and (max-width:991px) {
    .w-container {
        max-width: 728px
    }
}

@media screen and (max-width:479px) {
    .w-container {
        max-width: none
    }
}

@media screen and (max-width:767px) {
    .w-nav-brand {
        padding-left: 10px
    }
}

.w-nav {
    z-index: 1000;
    background: #ddd;
    position: relative
}

.w-nav:before,
.w-nav:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-nav:after {
    clear: both
}

.w-nav-brand {
    float: left;
    color: #333;
    text-decoration: none;
    position: relative
}

.w-nav-menu {
    float: right;
    position: relative
}

.w-nav-button {
    float: right;
    cursor: pointer;
    -webkit-tap-highlight-color: #0000;
    tap-highlight-color: #0000;
    -webkit-user-select: none;
    user-select: none;
    padding: 18px;
    font-size: 24px;
    display: none;
    position: relative
}

.w-nav-button:focus {
    outline: 0
}

@media screen and (max-width:767px) {

    .w-nav-brand {
        padding-left: 10px
    }
}

@font-face {
    font-family: Euclid Circular B;
    src: url(https://cdn.prod.website-files.com/673ff5cf97fea2539486915c/673ff5cf97fea25394869166_Euclid%20Circular%20B%20Bold.ttf)format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Euclid Circular B;
    src: url(https://cdn.prod.website-files.com/673ff5cf97fea2539486915c/673ff5cf97fea2539486918e_Euclid%20Circular%20B%20Light.ttf)format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Euclid Circular B;
    src: url(https://cdn.prod.website-files.com/673ff5cf97fea2539486915c/673ff5cf97fea25394869164_Euclid%20Circular%20B%20Regular.ttf)format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Euclid Circular B;
    src: url(https://cdn.prod.website-files.com/673ff5cf97fea2539486915c/673ff5cf97fea25394869163_Euclid%20Circular%20B%20Medium.ttf)format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Euclid Circular B;
    src: url(https://cdn.prod.website-files.com/673ff5cf97fea2539486915c/673ff5cf97fea2539486918f_Euclid%20Circular%20B%20SemiBold.ttf)format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Newyork;
    src: url(https://cdn.prod.website-files.com/673ff5cf97fea2539486915c/673ff5cf97fea25394869214_NewYork%20PERSONAL%20USE.otf)format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

:root {
    --euclid-circular-b: "Euclid Circular B", sans-serif;
    --3c5240: #3c5240;
    --plus-jakarta-sans: "Plus Jakarta Sans", sans-serif;
    --00190f: #00190f;
    --f9bf4b: #f9bf4b;
    --a3cc52: #a3cc52;
    --white: white;
    --273f2b\<deleted\|variable-055b456f-c65d-c3c8-8864-2c3ef23680d3\>: #273f2b;
    --fff8e0: #fff8e0;
    --035130: #035130;
    --d9fe89\<deleted\|variable-1c17a107-0442-b920-8fd2-f93be74b4dec\>: #d9fe89;
    --3c5240\<deleted\|variable-6e16f747-7ccd-30a3-d3f6-df8ddd4cd52e\>: #3c5240;
    --ccd1cf: #ccd1cf;
    --d9d9d9: #d9d9d9;
    --faf7f0: #faf7f0;
    --555855: #555855;
    --33473f: #33473f;
    --d4d9d5: #d4d9d5;
    --d4d9d5\<deleted\|variable-6ec694c3-869a-6315-353a-053025ddd622\>: #d4d9d5;
    --f0f2f4: #f0f2f4;
    --222222\<deleted\|variable-ea31a975-6cfd-1fea-dd58-38579339c984\>: #222;
    --newyork: Newyork, sans-serif;
    --ffbf43: #ffbf43;
    --063231: #063231;
    --cccccc: #ccc;
    --transparent: #ddd0;
    --273f2b: #273f2b;
    --f8f7f0: #f8f7f0;
    --000000: black;
    --222222: #222
}

.w-layout-blockcontainer {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.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
}

@media screen and (max-width:991px) {
    .w-layout-blockcontainer {
        max-width: 728px
    }
}

@media screen and (max-width:767px) {
    .w-layout-blockcontainer {
        max-width: none
    }
}

body {
    font-family: var(--euclid-circular-b);
    color: var(--3c5240);
    text-transform: capitalize;
    font-size: 18px;
    line-height: 26px
}

h1 {
    font-family: var(--plus-jakarta-sans);
    color: var(--00190f);
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 100px;
    font-weight: 600;
    line-height: 100px
}

h2 {
    font-family: var(--plus-jakarta-sans);
    color: var(--00190f);
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 60px;
    font-weight: 600;
    line-height: 70px
}

h3 {
    font-family: var(--plus-jakarta-sans);
    color: var(--00190f);
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 40px;
    font-weight: 600;
    line-height: 50px
}

p {
    margin-bottom: 0
}

img {
    max-width: 100%;
    display: inline-block
}

.page-wrapper {
    overflow: clip
}

.container {
    width: 100%;
    max-width: 1352px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px
}

.nav-menu {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 8.5px;
    padding-bottom: 8.5px;
    padding-left: 0;
    display: flex
}

.nav-button-wrapper {
    margin-left: 0
}

.navbar-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    place-items: center stretch;
    padding-top: 20px;
    padding-bottom: 20px;
    display: grid
}

.menu-button {
    width: 56px;
    text-decoration: none
}

.nav-menu-wrapper {
    justify-content: center;
    align-items: center
}

.nav-link {
    font-family: var(--euclid-circular-b);
    color: var(--00190f);
    text-transform: uppercase;
    background-color: #0000;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    text-decoration: none;
    transition: all .3s
}

.nav-link:hover {
    color: var(--f9bf4b)
}

.mobile-margin-top {
    display: none
}

.navbar {
    background-color: var(--fff8e0);
    padding-top: 0;
    padding-bottom: 0
}

.nav-image {
    width: 30%
}

.navbar-brand {
    width: 100%;
    max-width: 180px
}

.hamburger-tablet {
    display: none
}

.mode-wrapper {
    cursor: pointer;
    background-color: #fff0;
    border: 1px solid #fffdf6;
    border-radius: 2rem;
    width: 70px;
    height: 32px;
    padding-top: 3px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative
}

.mode-switch {
    background-color: var(--d9fe89\<deleted\|variable-1c17a107-0442-b920-8fd2-f93be74b4dec\>);
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    box-shadow: 0 4px 12px #00b2891f
}

.website-wrapper {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    padding-top: 150px;
    padding-bottom: 150px
}

.website-wrapper.footer-wrapper {
    padding-top: 105px;
    padding-bottom: 0
}

.website-wrapper.about-hero-wrapper {
    padding-top: 196px;
    padding-bottom: 100px
}

.website-wrapper.contact-details-wrapper {
    grid-column-gap: 100px;
    grid-row-gap: 100px
}

.list-item {
    font-size: 16px;
    line-height: 16px
}

.primary-btn {
    background-color: var(--f9bf4b);
    font-family: var(--euclid-circular-b);
    color: var(--00190f);
    text-transform: uppercase;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    padding: 20px 26px;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-decoration: none;
    transition: all .3s;
    position: relative;
    overflow: clip
}

.primary-btn:hover {
    color: var(--white)
}

.primary-text {
    z-index: 1;
    position: relative
}

.primary-abs {
    background-color: var(--a3cc52);
    border-radius: 16px;
    width: 0%;
    position: absolute;
    inset: 0%
}

.newyork-text {
    font-family: var(--newyork);
    font-weight: 400
}

.footer-logo-block {
    width: 100%;
    max-width: 267px
}

.footer-menu-box {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    display: flex
}

.footer-menu-box.footer-menu-box-left {
    grid-column-gap: 24px;
    grid-row-gap: 24px
}

.cta-contact-wrap {
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex;
    position: relative
}

.copyright-text {
    color: #d4d9d5;
    font-size: 18px;
    line-height: 28px
}

.footer-middle-top {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    max-width: 240px;
    display: flex
}

.footer-content-block {
    grid-template-rows: auto;
    grid-template-columns: .5fr 1.25fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    margin-top: 72px;
    margin-bottom: 100px;
    display: grid
}

.copyright-links {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.cta-title {
    color: #fff;
    text-transform: uppercase;
    font-size: 110px;
    line-height: 110px
}

.footer-menu-title {
    color: var(--faf7f0);
    margin-bottom: 25px;
    font-size: 22px;
    font-weight: 500;
    line-height: 32px
}

.footer-logo {
    width: 100%
}

.footer {
    background-color: var(--00190f)
}

.cta-icon-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: var(--a3cc52);
    opacity: 0;
    color: var(--00190f);
    text-transform: uppercase;
    border-radius: 100%;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 170px;
    height: 170px;
    font-weight: 600;
    display: flex;
    position: absolute;
    inset: -30px auto 0%
}

.footer-menu-area {
    width: 100%;
    max-width: 267px
}

.footer-menu-area.is-news {
    width: 100%;
    max-width: 300px
}

.footer-menu-area.middle-footer-item {
    max-width: 150px
}

.footer-left-top {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.copyright-wrapper {
    border-top: 1px solid #ffffff1a;
    padding-top: 32px
}

.footer-menu-item {
    color: var(--ccd1cf);
    cursor: pointer;
    font-size: 18px;
    text-decoration: none;
    transition: all .3s
}

.footer-menu-item:hover {
    color: var(--ffbf43)
}

.footer-copyright-link {
    color: #d4d9d5;
    font-size: 18px;
    line-height: 20px;
    text-decoration: none
}

.copyright-box {
    justify-content: space-between;
    display: flex
}

.footer-menu-heading {
    color: var(--ccd1cf);
    font-size: 18px;
    line-height: 28px;
    text-decoration: none;
    display: block
}

.footer-logo-link {
    width: 100%;
    max-width: 160px
}

.footer-menu-block {
    grid-column-gap: 85px;
    grid-row-gap: 85px;
    justify-content: flex-start;
    display: flex
}

.footer-logo-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    display: flex
}

.footer-left-bottom {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.cta-block {
    border-bottom: 1px solid #ffffff1a;
    padding-bottom: 70px
}

.cta-arrow {
    width: 16px;
    height: 16px
}

.footer-copyright-link {
    transition: all .3s
}

.footer-copyright-link:hover {
    color: var(--ffbf43)
}

.paragraph {
    color: var(--ccd1cf);
    line-height: 28px
}

.email-footer {
    color: var(--ccd1cf);
    text-transform: lowercase;
    cursor: pointer;
    font-size: 18px;
    text-decoration: none;
    transition: all .3s
}

.email-footer:hover {
    color: var(--ffbf43)
}

.footer-image {
    width: 100%;
    margin-top: 20px
}

.footer-social-icons {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.social-icon {
    border: 1px solid var(--33473f);
    color: var(--a3cc52);
    cursor: pointer;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    text-decoration: none;
    transition: all .3s;
    display: flex
}

.social-icon:hover {
    background-color: var(--a3cc52);
    color: var(--00190f)
}

.facebook-svg {
    width: 14px;
    height: 14px
}

.custom-social {
    width: 14px;
    height: 14px;
    font-size: 14px;
    line-height: 14px
}

.about-hero-section {
    background-color: var(--035130);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.main-title {
    color: var(--white);
    text-align: center;
    font-size: 90px;
    line-height: 90px
}

.contact-top-block {
    grid-column-gap: 98px;
    grid-row-gap: 98px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, .6fr) minmax(0, 1fr);
    grid-auto-columns: 1fr;
    display: grid
}

.contact-right {
    background-color: var(--f8f7f0);
    border-radius: 12px;
    flex-flow: column;
    justify-content: center;
    margin-bottom: 0;
    padding: 48px;
    display: flex
}

.touch-title {
    color: var(--063231)
}

.hesitate-title {
    color: var(--273f2b);
    text-transform: capitalize;
    font-size: 28px;
    line-height: 38px
}

.contact-info {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    flex-flow: column;
    width: 100%;
    max-width: 315px;
    margin-top: 48px;
    margin-bottom: 70px;
    display: flex
}

.contact-links {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.contact-link {
    color: var(--273f2b);
    letter-spacing: .36px;
    text-transform: lowercase;
    font-weight: 500;
    line-height: 28px;
    text-decoration: none;
    transition: all .3s
}

.contact-link:hover {
    color: var(--f9bf4b)
}

.contact-link.contact-update {
    text-transform: capitalize
}

.name-field {
    border: 1px solid var(--cccccc);
    background-color: var(--white);
    color: var(--555855);
    border-radius: 18px;
    width: 100%;
    height: 56px;
    margin-bottom: 0;
    padding: 21px 24px;
    line-height: 28px
}

.name-field:focus {
    border-color: var(--cccccc)
}

.form {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.contact-top-info {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: space-between;
    width: 100%;
    display: flex
}

.message {
    border: 1px solid var(--cccccc);
    background-color: var(--white);
    color: var(--555855);
    border-radius: 18px;
    width: 100%;
    height: 200px;
    min-height: 200px;
    margin-bottom: 0;
    padding: 15px 24px;
    line-height: 28px
}

.message:focus {
    border-color: var(--cccccc)
}

.form-button {
    background-color: var(--f9bf4b);
    color: var(--00190f);
    text-transform: uppercase;
    border-radius: 12px;
    padding: 10px 40px;
    transition: all .3s
}

.form-button:hover {
    background-color: var(--a3cc52)
}

@media screen and (min-width:1280px) {
    .footer-content-block {
        grid-template-columns: .5fr 1.5fr;
        margin-top: 120px
    }

    .footer-menu-area.is-news {
        max-width: 350px
    }

    .footer-menu-block {
        grid-column-gap: 75px;
        grid-row-gap: 75px
    }
}

@media screen and (min-width:1440px) {

    .footer-content-block {
        grid-template-columns: .5fr 1.5fr
    }

    .footer-menu-block {
        grid-column-gap: 100px;
        grid-row-gap: 100px
    }
}

@media screen and (max-width:991px) {
    h1 {
        font-size: 90px;
        line-height: 100px
    }

    .nav-menu {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        border-top: 1px solid var(--a3cc52);
        background-color: var(--fff8e0);
        flex-flow: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        justify-content: space-around;
        align-items: center;
        padding-top: 40px;
        padding-bottom: 60px;
        padding-left: 0;
        display: grid
    }

    .nav-button-wrapper {
        width: 100%;
        margin-left: 0
    }

    .navbar-wrapper {
        grid-template-columns: 1fr 1fr
    }

    .menu-button {
        grid-column-gap: 5px;
        grid-row-gap: 5px;
        justify-content: center;
        align-items: center;
        width: 30px;
        padding: 0
    }

    .nav-menu-wrapper {
        background-color: #0000
    }

    .mobile-margin-top {
        display: block
    }

    .navbar-brand {
        max-width: 180px
    }

    .hamburger-tablet {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        justify-content: center;
        align-items: center;
        display: flex
    }

    .hamburger-top {
        background-color: var(--a3cc52);
        width: 100%;
        height: 2px;
        margin-bottom: 7px;
        padding: 0
    }

    .hamburger-middle {
        background-color: var(--f9bf4b);
        width: 100%;
        height: 2px;
        padding: 0
    }

    .hamburger-bottom {
        background-color: var(--a3cc52);
        width: 100%;
        height: 2px;
        margin-top: 7px;
        padding: 0
    }

    .mode-wrapper.mode-wrapper-tablet {
        display: none
    }

    .website-wrapper {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .website-wrapper.footer-wrapper {
        padding-top: 100px
    }

    .website-wrapper.contact-details-wrapper {
        grid-column-gap: 60px;
        grid-row-gap: 60px
    }

    .primary-btn {
        padding-top: 18px;
        padding-bottom: 18px;
        font-size: 16px;
        line-height: 20px
    }

    .footer-logo-block {
        max-width: none
    }

    .cta-contact-wrap {
        width: 100%
    }

    .footer-content-block {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-flow: wrap;
        grid-template-columns: 1fr;
        margin-top: 60px;
        margin-bottom: 60px
    }

    .cta-title {
        font-size: 63px;
        line-height: 80px
    }

    .cta-icon-block {
        width: 140px;
        height: 140px
    }

    .footer-menu-area.is-news {
        max-width: 348px
    }

    .copyright-box {
        flex-flow: wrap
    }

    .footer-menu-block {
        grid-column-gap: 70px;
        grid-row-gap: 50px;
        flex-flow: wrap
    }

    .footer-logo-wrapper {
        margin-bottom: 20px
    }

    .cta-block {
        padding-bottom: 40px
    }

    .main-title {
        font-size: 70px;
        line-height: 70px
    }

    .contact-top-block {
        grid-column-gap: 40px;
        grid-row-gap: 40px
    }

    .contact-right {
        padding: 20px
    }

    .touch-title {
        font-size: 36px;
        line-height: 45px
    }

    .hesitate-title {
        font-size: 23px;
        line-height: 30px
    }

    .contact-info {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        margin-top: 30px;
        margin-bottom: 30px
    }

    .contact-links {
        grid-column-gap: 10px;
        grid-row-gap: 10px
    }

    .contact-link.contact-update {
        font-size: 17px
    }

    .name-field {
        height: 45px;
        padding: 16px
    }

    .contact-top-info {
        grid-column-gap: 10px;
        grid-row-gap: 10px
    }

    .message {
        height: 150px;
        min-height: 150px;
        padding: 10px 16px
    }
}

@media screen and (max-width:767px) {
    h1 {
        font-size: 70px;
        line-height: 80px
    }

    h2 {
        font-size: 50px;
        line-height: 60px
    }

    .nav-menu {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        padding-left: 0
    }

    .navbar-brand {
        padding-left: 0
    }

    .website-wrapper.about-hero-wrapper {
        padding-top: 180px
    }

    .website-wrapper.contact-details-wrapper {
        grid-column-gap: 40px;
        grid-row-gap: 40px
    }

    .copyright-text {
        text-align: left;
        width: 100%
    }

    .footer-content-block {
        margin-top: 60px;
        margin-bottom: 40px
    }

    .copyright-links {
        flex-flow: wrap;
        width: 100%
    }

    .cta-title {
        font-size: 45px;
        line-height: 50px
    }

    .cta-icon-block {
        width: 120px;
        height: 120px;
        font-size: 14px;
        line-height: 20px
    }

    .footer-menu-area {
        width: 45%
    }

    .copyright-wrapper {
        padding-top: 30px
    }

    .copyright-box {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        text-align: center
    }

    .footer-menu-block {
        grid-column-gap: 50px;
        grid-row-gap: 50px
    }

    .main-title {
        font-size: 60px;
        line-height: 60px
    }

    .contact-top-block {
        grid-template-columns: minmax(0, 1fr)
    }

    .contact-info {
        max-width: none
    }
}

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

    h2 {
        font-size: 35px;
        line-height: 40px
    }

    h3 {
        font-size: 30px;
        line-height: 35px
    }

    .nav-menu {
        padding-top: 20px
    }

    .nav-button-wrapper {
        width: auto
    }

    .menu-button {
        width: 25px
    }

    .nav-link {
        font-size: 14px;
        line-height: 14px
    }

    .navbar-brand {
        max-width: 150px
    }

    .hamburger-tablet {
        grid-column-gap: 10px;
        grid-row-gap: 10px
    }

    .mode-wrapper {
        flex: none;
        width: 60px;
        height: 27px
    }

    .mode-switch {
        width: 1.2rem;
        height: 1.2rem
    }

    .website-wrapper {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .website-wrapper.footer-wrapper {
        padding-top: 60px
    }

    .website-wrapper.contact-details-wrapper {
        grid-column-gap: 30px;
        grid-row-gap: 30px
    }

    .primary-btn {
        font-size: 14px;
        line-height: 16px
    }

    .copyright-text {
        line-height: 24px
    }

    .footer-content-block {
        margin-top: 40px
    }

    .copyright-links {
        grid-column-gap: 15px;
        grid-row-gap: 15px
    }

    .cta-title {
        font-size: 26px;
        line-height: 35px
    }

    .footer-menu-title {
        margin-bottom: 16px
    }

    .footer-logo {
        width: 80%
    }

    .cta-icon-block {
        width: 100px;
        height: 100px;
        font-size: 11px;
        line-height: 14px
    }

    .footer-menu-area {
        width: 100%
    }

    .footer-menu-block {
        grid-column-gap: 40px;
        grid-row-gap: 40px
    }

    .cta-arrow {
        width: 11px;
        height: 11px
    }

    .main-title {
        font-size: 40px;
        line-height: 40px
    }

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

    .contact-top-info {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-flow: column
    }

    .message {
        height: 100px;
        min-height: 100px
    }
}