@charset "utf-8";


div#background {
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 5;
    /* max-width: 1920px; */
}

div#about_us {
    position: absolute;
    top: 100vw;
    left: 10vw;
    height: 65vw;
    width: 65vw;
    z-index: 10;
}

div#about_us_title {
    position: absolute;
    top: 0vw;
    left: 0vw;
    width: 45vw;
    z-index: 5;
}



@media (max-width: 1919.98px) {
    div#about_us_copy {
        position: absolute;
        top: 22%;
        left: 10%;
        width: 75%;
        z-index: 10;
    }
}

@media (min-width: 1920px) {
    div#about_us_copy {
        position: absolute;
        top: 2200px;
        left: 200px;
        width: 1340px;
        z-index: 10;
    }
}


span#about_us_copy_title {
    color: white;
    /* font-size: 4vw; */
    font-weight: normal;
    /* line-height: 6vw; */
    text-decoration: underline;
    text-decoration-color: #ffffff;
}

@media (max-width: 1919.98px) {
    span#about_us_copy_title {
        font-size: 4vw;
        line-height: 6vw;
}
}
@media (min-width: 1920px) {
    span#about_us_copy_title {
        font-size: 4rem;
        line-height: 6rem;
    }
}

@media (max-width: 1919.98px) {

    div#about_us_copy_body,
    div#work-list {
        color: #ffffff;
        font-size: 2.5vw;
    }
}
@media (min-width: 1920px) {

    div#about_us_copy_body,
    div#work-list {
        color: #ffffff;
        font-size: 2.5rem;
    }
}


@media (max-width: 1920.98px) {
    div.black_more_large {
        color: #ffffff;
        font-size: 2.5vw;
        text-align: center;
        background-color: #000000;
    }
}

@media (min-width: 1920px) {
    div.black_more_large {
        color: #ffffff;
        font-size: 2rem;
        text-align: center;
        background-color: #000000;
    }
}

@media (max-width: 1919.98px) {
    .black_more_small {
        color: #ffffff;
        font-size: 2vw;
        text-align: center;
        background-color: #000000;
    }
}
@media (min-width: 1920px) {
    .black_more_small {
        color: #ffffff;
        font-size: 2rem;
        text-align: center;
        background-color: #000000;
    }
}






@media(max-width: 1919.98px) {
    div#our_works {
        position: absolute;
        top: 40%;
        left: 12%;
        width: 60%;
        z-index: 10;
    }
}
@media(min-width: 1920px) {
    div#our_works {
        position: absolute;
        top: 4200px;
        left: 650px;
        height: 1100px;
        width: 1100px;
        z-index: 10;
    }
}

div#work_list_bg {
    position: absolute;
    top: 3vw;
    left: -7vw;
    /* height: 65vw; */
    width: 30vw;
    z-index: 5;
}

div#work_list_letter {
    position: absolute;
    top: 20vw;
    left: 22vw;
    /* height: 65vw; */
    width: 60vw;
    z-index: 3;
}


@media (max-width: 1919.98px) {
    div#our_works_copy {
        position: absolute;
        top: 44%;
        left: 35%;
        width: 60%;
        z-index: 7;
    }
}
@media (min-width: 1920px) {
    div#our_works_copy {
        position: absolute;
        top: 4200px;
        left: 650px;
        height: 1200px;
        width: 1100px;
        z-index: 7;
    }
}



@media (max-width: 1919.98px) {
    div#work_list_box {
    /* position: absolute; */
    /* top: 0vw; */
    /* left: 0vw; */
    /* height: 65vw; */
    color: white;
    height: 50vw;
    /* width: 60vw; */
    border: solid 4vw;
    border-color: rgba(163, 28, 37, 0.4);
    overflow-y: scroll;
    padding-left: 2rem;
    font-size: 2vw;
    z-index: 10;
    }
}
@media (min-width: 1920px) {
    div#work_list_box {
    /* position: absolute; */
    /* top: 0vw; */
    /* left: 0vw; */
    /* height: 65vw; */
    color: white;
    height: 1100px;
    width: 100%;
    border: solid 80px;
    border-color: rgba(163, 28, 37, 0.4);
    overflow-y: scroll;
    padding-left: 2rem;
    font-size: 2rem;
    z-index: 10;
    }
}

@media(max-width: 1919.98px) {
    div#profile {
        position: absolute;
        top: 64%;
        left: 9%;
        /* height: 65vw; */
        width: 90%;
        z-index: 5;
    }
}
@media(min-width: 1920px) {
    div#profile {
        position: absolute;
        top: 6150px;
        left: 175px;
        height: 1400px;
        width: 950px;
        z-index: 5;
    }
}


@media(max-width: 1919.98px) {
    div#profile_copy {
        position: absolute;
        top: 25%;
        left: 0;
        /* height: 65vw; */
        width: 55%;
        z-index: 8;
    }
}

@media(min-width: 1920px) {
    div#profile_copy {
        position: absolute;
        top: 0;
        left: 0;
        /* height: 65vw; */
        width: 100%;
        z-index: 8;
    }
}

@media(max-width: 1919.98px) {
    div#profile_copy_head {
        color: white;
        font-size: 3vw;
        font-weight: normal;
        line-height: 4vw;
    }
}

@media(min-width: 1920px) {
    div#profile_copy_head {
        color: white;
        font-size: 3rem;
        font-weight: normal;
        line-height: 4rem;
    }
}
    
@media(max-width: 1919.98px) {
    div#profile_copy_body {
        color: white;
        font-size: 1.8vw;
        font-weight: normal;
        line-height: 2.5vw;
    }
}

@media(min-width: 1920px) {
    div#profile_copy_body {
        color: white;
        font-size: 2rem;
        font-weight: normal;
        line-height: 3.5rem;
    }
}

@media(max-width: 1919.98px) {
    div#profile_cop_div_amber {
        padding-bottom: 3vw;
    }
}

@media(min-width: 1920px) {
    div#profile_cop_div_amber {
        padding-bottom: 4rem;
    }
}

@media(max-width: 1919.98px) {
    div#contact_div {
        position: absolute;
        top: 81%;
        left: 22vw;
        /* height: 2.1%; */
        width: 60vw;
        z-index: 5;
    }
}
@media(min-width: 1920px) {
    div#contact_div {
        position: absolute;
        top: 7680px;
        left: 520px;
        height: 250px;
        width: 850px;
         z-index: 5;
    }
}

div#contact_copy {
    /* position: absolute;
    top: 23vw;
    left: 25vw;
    width: 50vw;
    height: 12vw; */
    z-index: 10;
}

@media(max-width: 1919.98px) {
    div#contact_copy_body {
        color: white;
        font-size: 1.5vw;
        font-weight: normal;
        line-height: 3vw;
        text-align: center;
    }
}

@media(min-width: 1919.98px) {
    div#contact_copy_body {
        color: white;
        font-size: 1.8rem;
        font-weight: normal;
        line-height: 3rem;
        text-align: center;
    }
}

div#contact_copy_body {
    color: white;
    font-size: 1.5vw;
    font-weight: normal;
    line-height: 3vw;
    text-align: center;
}

div#contact_copy_mail {
    /* position: absolute;
    top: 40vw;
    left: 35vw;
    width: 30vw;
    height: 4vw; */
    z-index: 10;
    text-align: center;
}