
body {
    /*background: linear-gradient(90deg, #00eeff 0%, #ffffff 100%); */

    width: 90%;
}

section.containter-fluid {
    margin-top: 6rem;
    width: 100vw;
    justify-content: center;
    background-color:rgba(169, 169, 169, 0.15)
}

.block {
    margin-block: 2%;
    border: 5px solid;
    border-radius: 10px;
    /* background: linear-gradient(90deg, #00eeffd3 0%, #ffffff 70%); */
    background-color: white;
    /* padding-right: 10%; */
    margin-inline: 4%;
}

.body-container {
    margin: 0px;
    margin-inline: 1%;

    padding: 10px;
}

.body-container>h1,h2 {
    border-bottom: 2px solid;
    padding-bottom: 5px;
}

.main-description {
    font-weight: 400;
    font-size: larger;
    padding: 10px;
    margin-right: 2%
}   

.zoom-image {
    cursor: zoom-in;
    padding: 10px;
    color: #00000000;
}

.zoom-image>img {
    height: 10rem;
    margin: 10px;
    border-radius: 10px;
    border-width: 10px;

}

.near-photo-description {
    display: inline-block;
    text-wrap: initial;
    font-size: large;
}

.name-position {
    font-weight: 700;
    float: right;
    margin-top: 20px;
    margin-right: 50px;
}

.about-team {
    display: inline-block;
    top: 0px;
    font-weight: 700;
    word-break: break-all;
    word-spacing: 10px;
    margin-left: 5px;
    font-size: 100%;
    /* margin-bottom: 5px; */
    /* font-size: x-large; */
}

.row>.col-5, .col-6 {
    font-size: large;
}

.row>.col-5,.col-6  .about-team {
    font-size: 20px;
}

.about-team-primitive {
    font-weight: 400;
    font-size: 20px;
}

.description-requisites {
    margin: 10px;
    margin-inline: 20px;
}

.index-about-title {
    font-weight: 600;
    margin: 20px;
    font-size: larger;
}

.col-2 {
    margin-inline: 20px;
}

.col-2>.zoom-image {
    margin: 10px;
}

.btn {
    margin: 15px;
}
div.align-photo>img {
    height: 17rem;
    margin: 10px;
    border-radius: 10px;
}

.document {
    margin-left: 15px;
}


@media (max-width: 1200px) {
    div.align-photo>img {
        height: 15rem;
    }
}

@media (max-width: 990px) {
    div.align-photo>img {
        height: 12rem;
    }
}

@media (max-width: 400px) {
    div.align-photo>img {
        height: 10rem;
        justify-self: center;
    }
}
