.proportions-box-square {
    position: relative;
    padding: 100% 0 0 !important;
    height: 0;
}

.proportions-box-content {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.background-cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.background-left-top {
    background-position: left top;
}

.background-left-center {
    background-position: left center;
}

.background-left-bottom {
    background-position: left bottom;
}

.background-right-top {
    background-position: right top;
}

.background-right-center {
    background-position: right center;
}

.background-right-bottom {
    background-position: right bottom;
}

.background-center-top {
    background-position: center top;
}

.background-center-center {
    background-position: center center;
}

.background-center-bottom {
    background-position: center bottom;
}

.border-width-1 {
    border-width: 1px !important;
}

.border-width-2 {
    border-width: 2px !important;
}

.border-width-3 {
    border-width: 3px !important;
}

.border-width-4 {
    border-width: 4px !important;
}

.border-width-6 {
    border-width: 6px !important;
}

.border-width-8 {
    border-width: 8px !important;
}

.border-width-12 {
    border-width: 12px !important;
}

.border-width-16 {
    border-width: 16px !important;
}

.border-width-24 {
    border-width: 24px !important;
}

.image-fit {
    object-fit: contain;
    object-position: center center;
}

.image-fit-left-top {
    object-position: left top;
}

.image-fit-left-center {
    object-position: left center;
}

.image-fit-left-bottom {
    object-position: left bottom;
}

.image-fit-right-top {
    object-position: right top;
}

.image-fit-right-center {
    object-position: right center;
}

.image-fit-right-bottom {
    object-position: right bottom;
}

.image-fit-center-top {
    object-position: center top;
}

.image-fit-center-center {
    object-position: center center;
}

.image-fit-center-bottom {
    object-position: center bottom;
}

.transition {
    transition: all 0.25s ease-in;
}

.transition-slow {
    transition: all 0.5s ease-in;
}

.transition-very-slow {
    transition: all 1s ease-in;
}

.line-height-1 {
    line-height: 1 !important;
}

.opacity-100 {
    opacity: 1 !important;
}

.opacity-85 {
    opacity: 0.85 !important;
}

.opacity-75 {
    opacity: 0.75 !important;
}

.opacity-50 {
    opacity: 0.50 !important;
}

.opacity-25 {
    opacity: 0.25 !important;
}

.opacity-0 {
    opacity: 0 !important;
}

body {
    font-size: 25px;
    font-weight: bold;
    display: grid;
    grid-template-columns: 10% 20% 10% 20% [titlehoriz-start] 10% 20% 10% [titlehoriz-end];
    grid-template-rows: 65px 100px [title-start] 100px [title-end] 100px 100px 100px 100px 135px 100px 45px 25px 40px;
    grid-template-areas: '. . . . . . .' 'main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic' 'main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic' 'main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic' 'main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic' 'main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic' 'love_your_data_txt love_your_data_txt love_your_data_txt love_your_data_txt love_your_data_txt love_your_data_txt love_your_data_txt' '. synopsis_txt synopsis_txt synopsis_txt synopsis_txt synopsis_txt .' 'lithic_ethos_txt lithic_ethos_txt lithic_ethos_txt lithic_ethos_txt lithic_ethos_txt lithic_ethos_txt lithic_ethos_txt' '. Passion Passion Passion Passion Passion Passion' '. . . . . . .' '. copyright_lithic_txt copyright_lithic_txt copyright_lithic_txt . . .';
}

.image-sloganlove {
    grid-area: 7 / 1 / 9 / titlehoriz;
}

.image-city {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-top: -16px;
    grid-area: main_graphic;
}

.image-logo {
    margin-left: 21px;
    margin-top: 59px;
    grid-area: 1 / 1 / 4 / 6;
}

.blackbar-top {
    background-color: #000000;
    grid-area: 1 / 1 / 2 / 8;
}

.blackbar-bottom {
    background-color: #000000;
    margin-top: -17px;
    margin-bottom: 79px;
    grid-area: 7 / 1 / 8 / 8;
    padding-top: 41px;
}

.paragraph-intro {
    margin-left: -1px;
    font-weight: normal;
    font-size: 19px;
    grid-area: synopsis_txt;
}

.paragraph-copyright {
    font-size: 16px;
    font-weight: normal;
    grid-area: copyright_lithic_txt;
}

.image-sloganpassion {
    grid-area: 10 / 2 / 11 / 7;
}

.menu {
    grid-area: 1 / 4 / 2 / 8;
    justify-content: flex-end;
    flex-wrap: nowrap;
}

@media (min-width:336px) and (max-width:575px) {
    .body_ethos {
        font-size: 25px;
        font-weight: bold;
        display: grid;
        grid-template-columns: 8% 6% 10% 51% [titlehoriz-start] 5% 10% 10% [titlehoriz-end];
        grid-template-rows: 65px 100px [title-start] 100px [title-end] 100px 100px 100px 47px 0px 40px 100px 120px 40px 100px 120px 40px 100px 120px 40px 100px 120px 40px 100px 120px 40px 100px 120px 40px 100px 120px 40px 100px 120px 40px 100px 120px 100px 40px;
        grid-template-areas: '. . . . . . .' 'main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic' 'main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic' 'main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic' 'main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic' 'main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic' 'blackbar2 blackbar2 blackbar2 blackbar2 blackbar2 blackbar2 blackbar2' 'lithic_ethos_txt lithic_ethos_txt lithic_ethos_txt lithic_ethos_txt lithic_ethos_txt lithic_ethos_txt lithic_ethos_txt' '. . . values_txt . . .' '. . . values_img . . .' '. . . . . . .' '. . . comm_txt . . .' '. . . mtg . . .' '. . . . . . .' '. . . doc_txt . . .' '. . . doc_img . . .' '. . . . . . .' '. . . requirements_txt . . .' '. . . requirements_img . . .' '. . . . . . .' '. . . accountability_txt . . .' '. . . accountability_img . . .' '. . . . . . .' '. . . affordatility_txt . . .' '. . . affordability_img . . .' '. . . . . . .' '. . . methodology_txt . . .' '. . . methodology_img . . .' '. . . . . . .' '. . . no_job_txt . . .' '. . . no_job_img . . .' '. . . . . . .' '. . . giving_txt . . .' '. . . giving_img . . .' '. . . . . . .' '. . . . . . .' '. copyright_lithic_txt copyright_lithic_txt copyright_lithic_txt . . .';
    }
}

@media (max-width:335px) {
    .body_ethos {
        font-size: 25px;
        font-weight: bold;
        display: grid;
        grid-template-columns: 4% 4% 10% 63% [titlehoriz-start] 10% 5% 4% [titlehoriz-end];
        grid-template-rows: 65px 100px [title-start] 100px [title-end] 100px 100px 100px 47px 0px 40px 100px 120px 40px 100px 120px 40px 100px 120px 40px 100px 120px 40px 100px 120px 40px 100px 120px 40px 100px 120px 40px 100px 120px 40px 100px 120px 100px 40px;
        grid-template-areas: '. . . . . . .' 'main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic' 'main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic' 'main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic' 'main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic' 'main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic' 'blackbar2 blackbar2 blackbar2 blackbar2 blackbar2 blackbar2 blackbar2' 'lithic_ethos_txt lithic_ethos_txt lithic_ethos_txt lithic_ethos_txt lithic_ethos_txt lithic_ethos_txt lithic_ethos_txt' '. . . values_txt . . .' '. . . values_img . . .' '. . . . . . .' '. . . comm_txt . . .' '. . . mtg . . .' '. . . . . . .' '. . . doc_txt . . .' '. . . doc_img . . .' '. . . . . . .' '. . . requirements_txt . . .' '. . . requirements_img . . .' '. . . . . . .' '. . . accountability_txt . . .' '. . . accountability_img . . .' '. . . . . . .' '. . . affordatility_txt . . .' '. . . affordability_img . . .' '. . . . . . .' '. . . methodology_txt . . .' '. . . methodology_img . . .' '. . . . . . .' '. . . no_job_txt . . .' '. . . no_job_img . . .' '. . . . . . .' '. . . giving_txt . . .' '. . . giving_img . . .' '. . . . . . .' '. . . . . . .' '. copyright_lithic_txt copyright_lithic_txt copyright_lithic_txt . . .';
    }
}

@media (max-width:335px) {
}

@media (max-width:335px) {
}

@media (max-width: 450px) {
}

@media (min-width:576px) and (max-width:767px) {
    .body_ethos {
        font-size: 25px;
        font-weight: bold;
        display: grid;
        grid-template-columns: 5% 25% 5% 15% 40% 5% 5% [titlehoriz-end];
        grid-template-rows: 65px 100px [title-start] 100px [title-end] 100px 100px 100px 47px 0px 40px 100px 120px 40px 100px 120px 40px 100px 120px 40px 100px 120px 40px 100px 120px 40px 100px 100px 100px 40px;
        grid-template-areas: '. . . . . . .' 'main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic' 'main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic' 'main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic' 'main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic' 'main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic' 'blackbar2 blackbar2 blackbar2 blackbar2 blackbar2 blackbar2 blackbar2' 'lithic_ethos_txt lithic_ethos_txt lithic_ethos_txt lithic_ethos_txt lithic_ethos_txt lithic_ethos_txt lithic_ethos_txt' '. values_txt . . comm_txt . .' '. values_img . . mtg . .' '. . . . . . .' '. doc_txt . . requirements_txt . .' '. doc_img . . requirements_img . .' '. . . . . . .' '. accountability_txt . . affordatility_txt . .' '. accountability_img . . affordability_img . .' '. . . . . . .' '. methodology_txt . . no_job_txt . .' '. methodology_img . . no_job_img . .' '. . . . . . .' '. giving_txt . . . . .' '. giving_img . . . . .' '. . . . . . .' '. . . . . . .' '. . . . . . .' '. . . . . . .' '. . . . . . .' '. copyright_lithic_txt copyright_lithic_txt copyright_lithic_txt . . .';
    }
}

@media (min-width:768px) {
    .body_ethos {
        font-size: 25px;
        font-weight: bold;
        display: grid;
        grid-template-columns: 5% 20% 15% 30% [titlehoriz-start] 5% 20% 5% [titlehoriz-end];
        grid-template-rows: 65px 100px [title-start] 100px [title-end] 100px 100px 100px 47px 0px 40px 100px 120px 40px 100px 120px 40px 100px 100px 100px 40px;
        grid-template-areas: '. . . . . . .' 'main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic' 'main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic' 'main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic' 'main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic' 'main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic' 'blackbar2 blackbar2 blackbar2 blackbar2 blackbar2 blackbar2 blackbar2' 'lithic_ethos_txt lithic_ethos_txt lithic_ethos_txt lithic_ethos_txt lithic_ethos_txt lithic_ethos_txt lithic_ethos_txt' '. values_txt . comm_txt . doc_txt .' '. values_img . mtg . doc_img .' '. . . . . . .' '. requirements_txt . accountability_txt . affordatility_txt .' '. requirements_img . accountability_img . affordability_img .' '. . . . . . .' '. methodology_txt . no_job_txt . giving_txt .' '. methodology_img . no_job_img . giving_img .' '. . . . . . .' '. . . . . . .' '. copyright_lithic_txt copyright_lithic_txt copyright_lithic_txt copyright_lithic_txt copyright_lithic_txt .';
    }
}

@media (min-width:1200px) {
    .body_ethos {
        font-size: 25px;
        font-weight: bold;
        display: grid;
        grid-template-columns: 10% 20% 10% 20% [titlehoriz-start] 10% 20% 10% [titlehoriz-end];
        grid-template-rows: 65px 100px [title-start] 100px [title-end] 100px 100px 100px 47px 0px 40px 100px 120px 40px 100px 120px 40px 100px 100px 100px 40px;
        grid-template-areas: '. . . . . . .' 'main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic' 'main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic' 'main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic' 'main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic' 'main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic main_graphic' 'blackbar2 blackbar2 blackbar2 blackbar2 blackbar2 blackbar2 blackbar2' 'lithic_ethos_txt lithic_ethos_txt lithic_ethos_txt lithic_ethos_txt lithic_ethos_txt lithic_ethos_txt lithic_ethos_txt' '. values_txt . comm_txt . doc_txt .' '. values_img . mtg . doc_img .' '. . . . . . .' '. requirements_txt . accountability_txt . affordatility_txt .' '. requirements_img . accountability_img . affordability_img .' '. . . . . . .' '. methodology_txt . no_job_txt . giving_txt .' '. methodology_img . no_job_img . giving_img .' '. . . . . . .' '. . . . . . .' '. copyright_lithic_txt copyright_lithic_txt copyright_lithic_txt . . .';
    }
}

.img-city-ethos {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-top: -16px;
    grid-area: main_graphic;
}

.img-logo-ethos {
    margin-left: 21px;
    margin-top: 59px;
    grid-area: 1 / 1 / title / 6;
}

.blackbar-top-ethos {
    background-color: #000000;
    grid-area: 1 / 1 / 2 / 8;
}

.blackbar-bottom-ethos {
    background-color: #000000;
    margin-top: -17px;
    margin-bottom: 79px;
    grid-area: 7 / 1 / 9 / titlehoriz;
    padding-top: 41px;
}

.para-values-txt-ethos {
    font-size: 25px;
    font-weight: bold;
    grid-area: values_txt;
}

.para-heading-ethos {
    font-size: 45px;
    font-weight: bold;
    text-align: center;
    flex-wrap: nowrap;
    justify-content: center;
    grid-area: 5 / 3 / 6 / 6;
}

.img-values-ethos {
    object-fit: cover;
    grid-area: values_img;
}

.para-requirements-ethos {
    font-size: 25px;
    font-weight: bold;
    grid-area: requirements_txt;
}

.img-requirements-ethos {
    object-fit: cover;
    grid-area: requirements_img;
}

.para-methodology-ethos {
    grid-area: methodology_txt;
}

.img-methodology-ethos {
    object-fit: cover;
    grid-area: methodology_img;
}

.para-communication-ethos {
    font-size: 25px;
    font-weight: bold;
    grid-area: comm_txt;
}

.img-communication-ethos {
    object-fit: cover;
    grid-area: mtg;
}

.para-accountability-ethos {
    grid-area: accountability_txt;
}

.img-accountability-ethos {
    object-fit: cover;
    grid-area: accountability_img;
}

.para-nojobtoosmall-ethos {
    font-size: 25px;
    grid-area: no_job_txt;
}

.img-nojobtoosmall-ethos {
    object-fit: cover;
    grid-area: no_job_img;
}

.para-documentation-ethos {
    font-size: 25px;
    font-weight: bold;
    grid-area: doc_txt;
}

.img-documentation-ethos {
    object-fit: cover;
    grid-area: doc_img;
}

.para-affordability-ethos {
    grid-area: affordatility_txt;
}

.img-affordability-ethos {
    object-fit: cover;
    grid-area: affordability_img;
}

.para-givingback-ethos {
    grid-area: giving_txt;
}

.img-givingback-ethos {
    object-fit: cover;
    grid-area: giving_img;
}

.para-copyright-ethos {
    font-size: 16px;
    font-weight: normal;
    grid-area: 19 / 2 / 20 / 7;
}

.menu-ethos {
    grid-area: 1 / 4 / 2 / 8;
    justify-content: flex-end;
    flex-wrap: nowrap;
}