@import url('https://fonts.googleapis.com/css2?family=Catamaran&family=Cormorant+Upright:wght@300&family=Jost:wght@400;800&family=Lato:ital@1&family=Playfair+Display:ital,wght@0,400;0,800;1,400&family=Roboto+Slab:wght@300&family=Roboto:ital,wght@0,300;0,700;1,300;1,400&display=swap');

body {
    font-family: 'Roboto';
    font-style: normal;
}

.project {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.project__title {margin-bottom: 3%;}

/* Заголовок */
.title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-left: 14%;
    font-weight: 300;
    color: #BDBDBD;
    font-size: 4em;
}

/* Project1 */
.title_dark {
    font-weight: 700;
    color: #333333;
}

.project-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

/* Картинка с компьютерами */
.project-content__img_comp {
    width: 72%;
}

/* Картинка со столом,рядом текст */
.project-content__text_img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 2%;
    width: 75%;
}

.project-content__img_table {
    height: 50%;
    width: 50%;
    margin: 2%;
}

.project-content__text {
    font-weight: 300;
    font-size: 1.2em;
    line-height: 25px;
    margin: 2%;
}


/* Картинка с чертежами */
.project__img_drawings {
    width: 75%;
    margin: 2%;
    margin-bottom:10%;
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .project {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;

    }

    .title {
        font-size: 3em;
    }

    .project-content__img_table {
        display: none;

    }
}

@media screen and (max-width:767px) {
    .project {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .project__item {
        font-size: 1em;
    }

    .title {
        font-size: 2em;
    }

    .project-content__img_comp {
        width: 70%;
    }

    .project-content__text_img {
        width: 100%;
    }

    .project-content__img_table {
        display: none;

    }

    .project-content__text {
        text-align: center;

    }
}