.main {
    margin-top: 30vh;
}

.header {
    height: 100vh;
    position: relative;
    overflow: visible;
    background-image: url('https://getuikit.com/docs/images/light.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    --myVar: 1;
}

.header:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    opacity: var(--myVar);
    background-size: cover;
    transition: all 2s ease-out;
}

.header .title {
    position: absolute;
    text-align: center;
    top: -5.9%;
    width: 100%;
    overflow: visible;
    z-index: 1;
}

.header .title h1 {
    margin: 0;
    padding: 0;
    color: #3F3F3F;
    transform: translateY(100%);
    opacity: 0;
    line-height: 1em;
    overflow-wrap: break-word;
}

.header-img {
    height: 100%;
    overflow: hidden;
}

.header-img img {
    width: 100%;
}

.content {
    margin-top: 20vh;
}

.content.uk-container {
    padding: 0 15px;
}

.footer {
    margin-top: 30vh;
    height: 70vh;
    position: relative;
    overflow: visible;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    --myVar: 0;
}

.footer .title {
    position: absolute;
    text-align: center;
    top: -5%;
    width: 100%;
    overflow: visible;
    z-index: 1;
}

.footer .title h1 {
    margin: 0;
    overflow: visible;
    padding: 0;
    color: #3F3F3F;
    transform: translateY(100%);
    transition: transform 0.1s ease-out 0s;
    opacity: 1;
    overflow-wrap: break-word;
}

.footer .title h1 a {
    color: #3F3F3F;
    transition: transform 0.1s ease-out 0s;
    transform: skewX(-10deg);
    display: block;
    text-decoration: none;
}

.footer .title h1 a:hover {
    transform: skewX(0deg);
}

.footer-img {
    height: 100%;
    overflow: hidden;
    position: relative;
}

.footer-img div {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.footer-img img {
    bottom: 0;
    height: 100%;
    position: absolute;
    margin-left: 50%;
}

.footer-menu {
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 90px;
}

.footer-menu div {
    margin-right: 20px;
}

.footer-menu div:not(:last-child)::after {
    content: "\2022 ";
    margin-left: 20px;
}

.footer-menu div:last-child {
    margin-right: 0;
}

.footer-menu a {
    font-family: "Plain Thin";
    font-size: 18px;
    font-weight: 100;
    color: #000;
}

.footer-menu a:hover {
    text-decoration: none;
}

.down__arrow {
    position: fixed;
    bottom: 37px;
    left: 60px;
    transform: translate(-50%);
    width: 2em;
    z-index: 1;
    background: transparent;
    align-items: center;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 2em;
    justify-content: center;
    opacity: .7;
    padding: 0;
}

.down__arrow svg {
    transform: rotate(90deg);
    fill: #000;
    height: 1.2em;
    width: 0.8em;
}

h1 {
    font-size: 120px;
    line-height: 87px;
}

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, 
.uk-heading-2xlarge, .uk-heading-3xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, 
h1, h2, h3, h4, h5, h6 {
    font-family: 'Plain Thin';
    font-weight: 100;
}

.uk-accordion {
    margin-bottom: 20px;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
    padding: 20px 0;
}

.uk-accordion-title {
    font-size: 26px;
}

.uk-accordion-title::before,
.uk-open > .uk-accordion-title::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/%3E%3C/svg%3E");
    height: 20px;
}

.uk-open > .uk-accordion-title::before {
    transform: rotate(90deg);
}

.uk-accordion-content {
    font-size: 16px;
}

.maillink a,
.maplink a {
    display: inline-flex;
    align-items: center;
    font-size: 18px;
}

.maillink a::before,
.maplink a::before {
    content: "";
    width: 20px;
    height: 33px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0 10px 0 0;
}

.maillink a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M498.1 5.6c10.1 7 15.4 19.1 13.5 31.2l-64 416c-1.5 9.7-7.4 18.2-16 23s-18.9 5.4-28 1.6L284 427.7l-68.5 74.1c-8.9 9.7-22.9 12.9-35.2 8.1S160 493.2 160 480V396.4c0-4 1.5-7.8 4.2-10.7L331.8 202.8c5.8-6.3 5.6-16-.4-22s-15.7-6.4-22-.7L106 360.8 17.7 316.6C7.1 311.3 .3 300.7 0 288.9s5.9-22.8 16.1-28.7l448-256c10.7-6.1 23.9-5.5 34 1.4z'/%3E%3C/svg%3E");
}

.maplink a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M384 192c0 87.4-117 243-168.3 307.2c-12.3 15.3-35.1 15.3-47.4 0C117 435 0 279.4 0 192C0 86 86 0 192 0S384 86 384 192z'/%3E%3C/svg%3E");
}

.wpcf7-form-control-wrap[data-name="your-name"],
.wpcf7-form-control-wrap[data-name="your-email"] {
    width: 50%;
    display: inline-block;
    float: left;
}

.wpcf7-form-control-wrap[data-name="your-message"] {
    width: 100%;
    display: inline-block;
}

.wpcf7-form-control-wrap input {
    padding: 0 0 20px 0;
    border: none;
    border-bottom: 1px solid #666;
    width: 80%;
}

.wpcf7-form-control-wrap textarea {
    padding: 0 0 20px 0;
    border: none;
    border-bottom: 1px solid #666;
    width: 80%;
}

@media only screen and (max-width: 1466px) {
    h1 {
        font-size: 90px;
    }
}

@media only screen and (max-width: 1024px) {
    h1 {
        font-size: 72px;
    }
}

@media only screen and (max-width: 767px) {
    h1 {
        font-size: 60px;
    }
}

@media only screen and (max-width: 479px) {
    h1 {
        font-size: 48px;
    }
}