body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    font-size: 1vw;
    line-height: 1.6;
}

p {
    margin-bottom: 1.4em;
}

ul {
    margin-top: 0px;
    margin-bottom: 1.4em;
    padding-left: 3em;
}

.footer {
    margin-top: auto;
    padding-right: 10%;
    padding-left: 10%;

}

.header {
    padding-right: 10%;
    padding-left: 10%;
}

.navbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #474747;
    text-align: center;
}

.brand-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 3em;
    padding-bottom: 3em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    text-align: center;
}

.brand-title {
    -webkit-transition: color 200ms ease;
    transition: color 200ms ease;
    font-family: 'Playfair Display', sans-serif;
    font-size: 3.5em;
    line-height: 1;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.brand-title:hover {
    color: #db4f3d;
    text-decoration: underline;
}

.brand-subtitle {
    margin-top: 1em;
    letter-spacing: 0.3em;
    text-transform: uppercase;
}

.navbar-link {
    margin-top: -1px;
    padding: 1em 2em;
    border-top: 1px solid transparent;
    -webkit-transition: color 200ms ease, color 200ms ease;
    transition: color 200ms ease, color 200ms ease;
    color: #000;
    text-transform: uppercase;
}

.navbar-link:hover {
    color: #db4f3d;
}

.navbar-link.w--current {
    border-top-color: #db4f3d;
    color: #db4f3d;
}

.hero-img {
    width: 100%;
}

.navbar-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 4em;
    margin-bottom: 4em;
    padding-top: 2em;
    padding-bottom: 2em;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #474747;
    border-bottom: 1px solid #474747;
    text-align: center;
}

.navbar-footer-link {
    margin-top: -1px;
    padding: 1em 2em;
    -webkit-transition: color 200ms ease, color 200ms ease;
    transition: color 200ms ease, color 200ms ease;
    color: #000;
}

.navbar-footer-link:hover {
    color: #db4f3d;
}

.navbar-footer-link.w--current {
    color: #db4f3d;
}

.copy {
    margin-top: 4em;
    margin-bottom: 4em;
    font-size: 0.8em;
    text-align: center;
}

.copy-link {
    -webkit-transition: color 200ms ease;
    transition: color 200ms ease;
    color: #fff;
}

.copy-link:hover {
    color: #db4f3d;
    text-decoration: underline;
}

.global-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 4em;
    margin-bottom: 4em;
    padding-right: 10%;
    padding-left: 10%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'Playfair Display', sans-serif;
    color: #000;
    text-align: center;
}

.single-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    margin: 4em auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.single-gallery {
    display: -ms-grid;
    display: grid;
    width: 100%;
    margin-top: 4em;
    margin-bottom: 4em;
    padding-right: 10%;
    padding-left: 10%;
    grid-auto-columns: 1fr;
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.big-title {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 3em;
    line-height: 1.2;
}

.single-img {
    width: 100%;
    height: auto;
}

.gallery-img {
    width: 100%;
    height: 100%;
	object-fit: cover;
}

.contact-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 10%;
    padding-left: 10%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.contact-right {
    width: 50%;
    padding-right: 10%;
}

.contact-left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.contact-image {
    overflow: hidden;
    width: 100%;
    border-radius: 1000px;
}

.contact-img {
    width: 100%;
    height: auto;
}

.contact-content {
    margin-top: 4em;
    margin-bottom: 4em;
    font-size: 1.4em;
}

.whatsapp-link {
    position: fixed;
    left: auto;
    top: auto;
    right: 1em;
    bottom: 1em;
    z-index: 99;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 5em;
    height: 5em;
    padding: 1.2em;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    background-color: #25d366;
}

.whatsapp-icon {
    width: 100%;
    height: 100%;
    color: #fff;
}

.works {
    display: -ms-grid;
    display: grid;
    margin-top: 4em;
    margin-bottom: 4em;
    padding-right: 2em;
    padding-left: 2em;
    grid-auto-columns: 1fr;
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.works-item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.works-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.works-overlay {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    background-color: rgba(0, 0, 0, 0.5);
}

.works-title {
    position: absolute;
    left: 10%;
    top: 10%;
    right: 10%;
    bottom: auto;
    width: auto;
    font-family: 'Playfair Display', sans-serif;
    color: #fff;
    font-size: 2em;
}

.utility-page-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 100vh;
    max-height: 100%;
    max-width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.utility-page-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 260px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
}

@media screen and (min-width: 1440px) {
    body {
        font-size: 16px;
    }
}

@media screen and (max-width: 991px) {
    body {
        font-size: 1.5vw;
    }
    .contact-flex {
        -webkit-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }
    .contact-right {
        width: 100%;
        padding-right: 0%;
    }
    .contact-left {
        width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .works {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 767px) {
    body {
        font-size: 2vw;
    }
    .single-image {
        width: 100%;
    }
    .works {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 479px) {
    body {
        font-size: 3vw;
    }
}

#w-node-cedc1c6d-cfd9-c89d-698d-6570f27d32d0-bcc15e73 {
    -ms-grid-column: span 4;
    grid-column-start: span 4;
    -ms-grid-column-span: 4;
    grid-column-end: span 4;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

#w-node-_59db162b-0090-2404-02a6-0b397e8ff622-bcc15e73 {
    -ms-grid-column: span 4;
    grid-column-start: span 4;
    -ms-grid-column-span: 4;
    grid-column-end: span 4;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

#w-node-_11ce546e-2d9c-7a14-4aa0-cfb72a76908d-bcc15e73 {
    -ms-grid-column: span 4;
    grid-column-start: span 4;
    -ms-grid-column-span: 4;
    grid-column-end: span 4;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

#w-node-_4d018211-bfbf-45a8-9229-12c3788af478-bcc15e73 {
    -ms-grid-column: span 6;
    grid-column-start: span 6;
    -ms-grid-column-span: 6;
    grid-column-end: span 6;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

#w-node-_4fa2c379-0eba-43bc-c0ed-6c633ff0c17c-bcc15e73 {
    -ms-grid-column: span 6;
    grid-column-start: span 6;
    -ms-grid-column-span: 6;
    grid-column-end: span 6;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

#w-node-_6b9cf26e-872f-947f-b4cf-e45b219062ab-bcc15e73 {
    -ms-grid-column: span 12;
    grid-column-start: span 12;
    -ms-grid-column-span: 12;
    grid-column-end: span 12;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

#w-node-cedc1c6d-cfd9-c89d-698d-6570f27d32d0-6258b17f {
    -ms-grid-column: span 4;
    grid-column-start: span 4;
    -ms-grid-column-span: 4;
    grid-column-end: span 4;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

#w-node-_59db162b-0090-2404-02a6-0b397e8ff622-6258b17f {
    -ms-grid-column: span 4;
    grid-column-start: span 4;
    -ms-grid-column-span: 4;
    grid-column-end: span 4;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

#w-node-_11ce546e-2d9c-7a14-4aa0-cfb72a76908d-6258b17f {
    -ms-grid-column: span 4;
    grid-column-start: span 4;
    -ms-grid-column-span: 4;
    grid-column-end: span 4;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

#w-node-_4d018211-bfbf-45a8-9229-12c3788af478-6258b17f {
    -ms-grid-column: span 6;
    grid-column-start: span 6;
    -ms-grid-column-span: 6;
    grid-column-end: span 6;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

#w-node-_4fa2c379-0eba-43bc-c0ed-6c633ff0c17c-6258b17f {
    -ms-grid-column: span 6;
    grid-column-start: span 6;
    -ms-grid-column-span: 6;
    grid-column-end: span 6;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

#w-node-_6b9cf26e-872f-947f-b4cf-e45b219062ab-6258b17f {
    -ms-grid-column: span 12;
    grid-column-start: span 12;
    -ms-grid-column-span: 12;
    grid-column-end: span 12;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

@media screen and (max-width: 767px) {
    #w-node-cedc1c6d-cfd9-c89d-698d-6570f27d32d0-bcc15e73 {
        -ms-grid-column: span 12;
        grid-column-start: span 12;
        -ms-grid-column-span: 12;
        grid-column-end: span 12;
    }
    #w-node-_59db162b-0090-2404-02a6-0b397e8ff622-bcc15e73 {
        -ms-grid-column: span 12;
        grid-column-start: span 12;
        -ms-grid-column-span: 12;
        grid-column-end: span 12;
    }
    #w-node-_11ce546e-2d9c-7a14-4aa0-cfb72a76908d-bcc15e73 {
        -ms-grid-column: span 12;
        grid-column-start: span 12;
        -ms-grid-column-span: 12;
        grid-column-end: span 12;
    }
    #w-node-_4d018211-bfbf-45a8-9229-12c3788af478-bcc15e73 {
        -ms-grid-column: span 12;
        grid-column-start: span 12;
        -ms-grid-column-span: 12;
        grid-column-end: span 12;
    }
    #w-node-_4fa2c379-0eba-43bc-c0ed-6c633ff0c17c-bcc15e73 {
        -ms-grid-column: span 12;
        grid-column-start: span 12;
        -ms-grid-column-span: 12;
        grid-column-end: span 12;
    }
    #w-node-cedc1c6d-cfd9-c89d-698d-6570f27d32d0-6258b17f {
        -ms-grid-column: span 12;
        grid-column-start: span 12;
        -ms-grid-column-span: 12;
        grid-column-end: span 12;
    }
    #w-node-_59db162b-0090-2404-02a6-0b397e8ff622-6258b17f {
        -ms-grid-column: span 12;
        grid-column-start: span 12;
        -ms-grid-column-span: 12;
        grid-column-end: span 12;
    }
    #w-node-_11ce546e-2d9c-7a14-4aa0-cfb72a76908d-6258b17f {
        -ms-grid-column: span 12;
        grid-column-start: span 12;
        -ms-grid-column-span: 12;
        grid-column-end: span 12;
    }
    #w-node-_4d018211-bfbf-45a8-9229-12c3788af478-6258b17f {
        -ms-grid-column: span 12;
        grid-column-start: span 12;
        -ms-grid-column-span: 12;
        grid-column-end: span 12;
    }
    #w-node-_4fa2c379-0eba-43bc-c0ed-6c633ff0c17c-6258b17f {
        -ms-grid-column: span 12;
        grid-column-start: span 12;
        -ms-grid-column-span: 12;
        grid-column-end: span 12;
    }
}