.about-section {
    padding-top: 10rem;
    background: linear-gradient(to bottom, #000 0%, rgba(10, 28, 18, 0.9) 75%, rgba(10, 28, 18, 0.8) 100%)
}

.about-section p {
    margin-bottom: 5rem
}

.masthead {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 35rem;
    padding: 15rem 0;
    background: linear-gradient(to bottom, rgba(10, 28, 18, 0.3) 0%, rgba(0, 0, 0, 0.7) 75%, #000 100%), url(41b725abca62da35b539.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover
}

.masthead h1,
.masthead .h1 {
    font-family: "Varela Round", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 2.5rem;
    line-height: 2.5rem;
    letter-spacing: .8rem;
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    -webkit-background-clip: text;
    background-clip: text
}

.masthead h2,
.masthead .h2 {
    max-width: 20rem;
    font-size: 1rem
}

@media(min-width: 768px) {

    .masthead h1,
    .masthead .h1 {
        font-size: 4rem;
        line-height: 4rem
    }
}

@media(min-width: 992px) {
    .masthead {
        height: 100vh;
        padding: 0
    }

    .masthead h1,
    .masthead .h1 {
        font-size: 6.5rem;
        line-height: 6.5rem;
        letter-spacing: .8rem
    }

    .masthead h2,
    .masthead .h2 {
        max-width: 30rem;
        font-size: 1.25rem
    }
}

.masthead--sub {
    padding-bottom: 12%;
    height: 100%
}

@media(min-width: 992px) {
    .masthead--sub {
        padding-top: 12%
    }
}

.masthead--sub h1 {
    font-size: 3rem
}

.contact-section {
    padding-top: 5rem
}

.contact-section .card {
    border: 0;
    border-bottom: .25rem solid #0a1c12
}

.contact-section .card h4,
.contact-section .card .h4 {
    font-size: .8rem;
    font-family: "Varela Round", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    text-transform: uppercase;
    letter-spacing: .15rem
}

.contact-section .card hr {
    opacity: 1;
    border-color: #0a1c12;
    border-width: .25rem;
    width: 3rem
}

.contact-section .social {
    margin-top: 5rem
}

.contact-section .social a {
    text-align: center;
    height: 3rem;
    width: 3rem;
    background: hsla(0, 0%, 100%, .1);
    border-radius: 100%;
    line-height: 3rem;
    color: hsla(0, 0%, 100%, .3)
}

.contact-section .social a:hover {
    color: hsla(0, 0%, 100%, .5)
}

.contact-section .social a:active {
    color: #fff
}

.contact-form-section {
    padding: 10rem 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.5) 75%, #000 100%), url(5f5fa501cf3fcb98a561.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover
}

.contact-form-section .form-contactForm input,
.contact-form-section .form-contactForm textarea {
    box-shadow: 0 .1875rem .1875rem 0 rgba(0, 0, 0, .1) !important;
    padding: 1.25rem 2rem;
    height: auto;
    font-family: "Varela Round", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 80%;
    text-transform: uppercase;
    letter-spacing: .15rem;
    border: 0
}

#contactForm .input-group-email,
#contactForm .input-group-message {
    position: relative
}

#contactForm .invalid-feedback {
    position: absolute;
    bottom: 0px
}

#contactForm #submitSuccessMessage,
#contactForm #submitErrorMessage {
    position: absolute;
    left: 0px;
    right: 0px;
    text-align: center;
    padding: 0px 1rem
}

footer {
    padding: 5rem 0
}

.gallery-catalog-section {
    padding: 10rem 0
}

.gallery-catalog-section .featured-text {
    padding: 2rem
}

@media(min-width: 992px) {
    .gallery-catalog-section .featured-text {
        padding: 0 0 0 2rem;
        border-left: .5rem solid #0a1c12
    }
}

.gallery-catalog-section .gallery-text {
    padding: 3rem;
    font-size: 90%
}

@media(min-width: 992px) {
    .gallery-catalog-section .gallery-text {
        padding: 5rem
    }
}

.gallery-section {
    padding: 10rem 0
}

.gallery-section .featured-text {
    padding: 2rem
}

@media(min-width: 992px) {
    .gallery-section .featured-text {
        padding: 0 0 0 2rem;
        border-left: .5rem solid #0a1c12
    }
}

.gallery-section .gallery-text {
    padding: 3rem;
    font-size: 90%
}

@media(min-width: 992px) {
    .gallery-section .gallery-text {
        padding: 5rem
    }
}

#mainNav {
    min-height: 3.5rem;
    background-color: #fff
}

#mainNav .navbar-toggler {
    font-size: 80%;
    padding: .75rem;
    color: #0a1c12;
    border: 1px solid #0a1c12
}

#mainNav .navbar-toggler:focus {
    outline: none
}

#mainNav .navbar-brand {
    color: #000;
    font-weight: 700;
    padding: .9rem 0
}

#mainNav .navbar-nav .nav-item:hover {
    color: fade(#fff, 80%);
    outline: none;
    background-color: rgba(0, 0, 0, 0)
}

#mainNav .navbar-nav .nav-item:active,
#mainNav .navbar-nav .nav-item:focus {
    outline: none;
    background-color: rgba(0, 0, 0, 0)
}

@media(min-width: 992px) {
    #mainNav {
        padding-top: 0;
        padding-bottom: 0;
        border-bottom: none;
        background-color: rgba(0, 0, 0, 0);
        transition: background-color .3s ease-in-out
    }

    #mainNav .navbar-brand {
        padding: .5rem 0;
        color: hsla(0, 0%, 100%, .5)
    }

    #mainNav .nav-link {
        transition: none;
        padding: 2rem 1.5rem;
        color: hsla(0, 0%, 100%, .5)
    }

    #mainNav .nav-link:hover {
        color: hsla(0, 0%, 100%, .75)
    }

    #mainNav .nav-link:active {
        color: #fff
    }

    #mainNav.navbar-shrink {
        background-color: #fff
    }

    #mainNav.navbar-shrink .navbar-brand {
        color: #000
    }

    #mainNav.navbar-shrink .nav-link {
        color: #000;
        padding: 1.5rem 1.5rem 1.25rem;
        border-bottom: .25rem solid rgba(0, 0, 0, 0)
    }

    #mainNav.navbar-shrink .nav-link:hover {
        color: #0a1c12
    }

    #mainNav.navbar-shrink .nav-link:active {
        color: #467370
    }

    #mainNav.navbar-shrink .nav-link.active {
        color: #0a1c12;
        outline: none;
        border-bottom: .25rem solid #0a1c12
    }
}

.dropdown-lang {
    color: hsla(0, 0%, 100%, .5)
}

.dropdown-lang button {
    box-shadow: none !important
}

.dropdown-lang button .fa-globe {
    color: hsla(0, 0%, 100%, .5)
}

.dropdown-lang button::after {
    display: none !important
}

.dropdown-lang:hover {
    color: #fff
}

.dropdown-lang:hover button .fa-globe {
    color: #fff
}

.dropdown-lang .dropdown-menu {
    background-color: #fff;
    padding: .5rem;
    min-width: 100%
}

.dropdown-lang .dropdown-menu li {
    display: flex;
    align-items: center;
    color: rgba(0, 0, 0, .5);
    padding: 0px .5rem
}

.dropdown-lang .dropdown-menu li a {
    color: rgba(0, 0, 0, .5)
}

.dropdown-lang .dropdown-menu li a:hover,
.dropdown-lang .dropdown-menu li a:focus,
.dropdown-lang .dropdown-menu li a:active {
    background: rgba(0, 0, 0, 0)
}

.dropdown-lang .dropdown-menu li:hover {
    cursor: pointer;
    color: #0a0a0a
}

.dropdown-lang .dropdown-menu li:hover a {
    color: #0a0a0a
}

.navbar-shrink .dropdown-lang {
    color: #000
}

.navbar-shrink .dropdown-lang button .fa-globe {
    color: #000
}

.navbar-shrink .dropdown-lang:hover {
    color: #64a19d
}

.navbar-shrink .dropdown-lang:hover button .fa-globe {
    color: #64a19d
}

.navbar-shrink .dropdown-lang .dropdown-menu {
    background-color: #fff
}

.navbar-shrink .dropdown-lang .dropdown-menu li {
    color: #000
}

.navbar-shrink .dropdown-lang .dropdown-menu li a {
    color: #000
}

.navbar-shrink .dropdown-lang .dropdown-menu li:hover {
    color: #64a19d
}

.navbar-shrink .dropdown-lang .dropdown-menu li:hover a {
    color: #64a19d
}

@media(max-width: 992px) {
    .dropdown-lang {
        color: #000
    }

    .dropdown-lang button .fa-globe {
        color: #000
    }

    .dropdown-lang:hover {
        color: #64a19d
    }

    .dropdown-lang:hover button .fa-globe {
        color: #64a19d
    }

    .dropdown-lang .dropdown-menu {
        background-color: #fff
    }

    .dropdown-lang .dropdown-menu li {
        color: #000
    }

    .dropdown-lang .dropdown-menu li a {
        color: #000
    }

    .dropdown-lang .dropdown-menu li:hover {
        color: #64a19d
    }

    .dropdown-lang .dropdown-menu li:hover a {
        color: #64a19d
    }
}

#mainNav {
    min-height: 3.5rem;
    background-color: #fff
}

#mainNav .navbar-toggler {
    font-size: 80%;
    padding: .75rem;
    color: #0a1c12;
    border: 1px solid #0a1c12
}

#mainNav .navbar-toggler:focus {
    outline: none
}

#mainNav .navbar-brand {
    color: #000;
    font-weight: 700;
    padding: .9rem 0
}

#mainNav .navbar-nav .nav-item:hover {
    color: fade(#fff, 80%);
    outline: none;
    background-color: rgba(0, 0, 0, 0)
}

#mainNav .navbar-nav .nav-item:active,
#mainNav .navbar-nav .nav-item:focus {
    outline: none;
    background-color: rgba(0, 0, 0, 0)
}

@media(min-width: 992px) {
    #mainNav {
        padding-top: 0;
        padding-bottom: 0;
        border-bottom: none;
        background-color: rgba(0, 0, 0, 0);
        transition: background-color .3s ease-in-out
    }

    #mainNav .navbar-brand {
        padding: .5rem 0;
        color: hsla(0, 0%, 100%, .5)
    }

    #mainNav .nav-link {
        transition: none;
        padding: 2rem 1.5rem;
        color: hsla(0, 0%, 100%, .5)
    }

    #mainNav .nav-link:hover {
        color: hsla(0, 0%, 100%, .75)
    }

    #mainNav .nav-link:active {
        color: #fff
    }

    #mainNav.navbar-shrink {
        background-color: #fff
    }

    #mainNav.navbar-shrink .navbar-brand {
        color: #000
    }

    #mainNav.navbar-shrink .nav-link {
        color: #000;
        padding: 1.5rem 1.5rem 1.25rem;
        border-bottom: .25rem solid rgba(0, 0, 0, 0)
    }

    #mainNav.navbar-shrink .nav-link:hover {
        color: #0a1c12
    }

    #mainNav.navbar-shrink .nav-link:active {
        color: #467370
    }

    #mainNav.navbar-shrink .nav-link.active {
        color: #0a1c12;
        outline: none;
        border-bottom: .25rem solid #0a1c12
    }
}

.dropdown-lang {
    color: hsla(0, 0%, 100%, .5)
}

.dropdown-lang button {
    box-shadow: none !important
}

.dropdown-lang button .fa-globe {
    color: hsla(0, 0%, 100%, .5)
}

.dropdown-lang button::after {
    display: none !important
}

.dropdown-lang:hover {
    color: #fff
}

.dropdown-lang:hover button .fa-globe {
    color: #fff
}

.dropdown-lang .dropdown-menu {
    background-color: #fff;
    padding: .5rem;
    min-width: 100%
}

.dropdown-lang .dropdown-menu li {
    display: flex;
    align-items: center;
    color: rgba(0, 0, 0, .5);
    padding: 0px .5rem
}

.dropdown-lang .dropdown-menu li a {
    color: rgba(0, 0, 0, .5)
}

.dropdown-lang .dropdown-menu li a:hover,
.dropdown-lang .dropdown-menu li a:focus,
.dropdown-lang .dropdown-menu li a:active {
    background: rgba(0, 0, 0, 0)
}

.dropdown-lang .dropdown-menu li:hover {
    cursor: pointer;
    color: #0a0a0a
}

.dropdown-lang .dropdown-menu li:hover a {
    color: #0a0a0a
}

.navbar-shrink .dropdown-lang {
    color: #000
}

.navbar-shrink .dropdown-lang button .fa-globe {
    color: #000
}

.navbar-shrink .dropdown-lang:hover {
    color: #64a19d
}

.navbar-shrink .dropdown-lang:hover button .fa-globe {
    color: #64a19d
}

.navbar-shrink .dropdown-lang .dropdown-menu {
    background-color: #fff
}

.navbar-shrink .dropdown-lang .dropdown-menu li {
    color: #000
}

.navbar-shrink .dropdown-lang .dropdown-menu li a {
    color: #000
}

.navbar-shrink .dropdown-lang .dropdown-menu li:hover {
    color: #64a19d
}

.navbar-shrink .dropdown-lang .dropdown-menu li:hover a {
    color: #64a19d
}

@media(max-width: 992px) {
    .dropdown-lang {
        color: #000
    }

    .dropdown-lang button .fa-globe {
        color: #000
    }

    .dropdown-lang:hover {
        color: #64a19d
    }

    .dropdown-lang:hover button .fa-globe {
        color: #64a19d
    }

    .dropdown-lang .dropdown-menu {
        background-color: #fff
    }

    .dropdown-lang .dropdown-menu li {
        color: #000
    }

    .dropdown-lang .dropdown-menu li a {
        color: #000
    }

    .dropdown-lang .dropdown-menu li:hover {
        color: #64a19d
    }

    .dropdown-lang .dropdown-menu li:hover a {
        color: #64a19d
    }
}

.privacy-policy-section {
    padding: 10rem
}

.services-section {
    padding: 10rem 0;
    padding-bottom: 0px
}

.services-section .featured-text {
    padding: 2rem
}

@media(min-width: 992px) {
    .services-section .featured-text {
        padding: 0 0 0 2rem;
        border-left: .5rem solid #0a1c12
    }
}

.services-section .gallery-text {
    padding: 3rem;
    font-size: 90%
}

@media(min-width: 992px) {
    .services-section .gallery-text {
        padding: 5rem
    }
}

.service-card {
    width: 100%;
    max-width: 20rem
}

@media(max-width: 992px) {
    .service-card {
        max-width: 100%
    }
}