#disciplina {
            background-color: white;
            padding: 0;
            margin: 40px 0 40px 0;
            width: 100%;
            height: auto;
            display: flex;
            flex-direction: row;
        }

        .ten-element-container {
            width: 100%;
            height: auto;
            display: flex;
            flex-direction: row;
            margin-top: 40px;
            margin-bottom: 40px;
            justify-content: center;
        }

        .ten-element-row {
            width: auto;
            height: auto;
            display: flex;
            flex-direction: row;
        }

        @media screen and (max-width: 850px) {
            .ten-element-row {
                flex-direction: column;
            }
        }
        @media screen and (max-width: 434px) {
            .ten-element-row {
                width:100%;
            }
        }


        .ten-element-source {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            text-align: start;
        }


        @media screen and (max-width: 850px) {
            .ten-element-source {
                flex-direction: row;
                justify-content: center;

            }
        }

        .ten-element-col-sm-7 {
            width: 733px;
            height: auto;
            text-align: start;
            display: flex;
            flex-direction: column;
            margin-right: 20px;
        }

        @media screen and (max-width: 1300px) {
            .ten-element-col-sm-7 {
                width: 83%;
                padding-right: 30px;
                padding-left: 30px;
                flex-direction: column;
            }
        }

        @media screen and (max-width: 850px) {
            .ten-element-col-sm-7 {
                margin-right: 0;
            }
        }

        .ten-element-col-sm-7 .ten-element-title {/*h2*/
            color: #1c1c1c;
            text-align: start;
            margin-top: 20px;
            margin-bottom: 10px;
            font-size: 40px;
            font-family: 'Montserrat', sans-serif;
            letter-spacing: 0;
        }

        @media screen and (max-width: 465px) {
            .ten-element-col-sm-7 .ten-element-title {
                font-size:25px;
            }
        }

        .ten-element-col-sm-7 p {
            margin-top: 0;
            margin-bottom: 10px;
            text-align: start;
            color: rgba(112, 115, 113, 0.8);
            word-break: break-word;
        }

        .ten-element-col-sm-7 p a{
            text-decoration: none;
            text-decoration-style: none;
            font-family: 'Montserrat', sans-serif;
            color: var(--default-theme-color);
        }

        .ten-element-col-sm-7 .ten-element-small-title {/*h3*/
            color: #1c1c1c;
            text-align: left;
            margin-bottom: 10px;
            margin-top: 20px;
            font-size: 24px;
            font-family: 'Montserrat', sans-serif;
            font-weight: 700;
            line-height: 1;
        }

        .ten-element-col-sm-7 .ten-element-company-name {/*h3*/
            color: #000000;
            margin-bottom: 0;
            font-family: 'usuziregular', sans-serif;
            text-transform: lowercase;
            font-weight: 700;
            font-size: 40px;
        }

        .ten-element-image-container {
            display: flex;
            flex-direction: column;
            justify-content: center;
            margin-right: 20px;
        }

        @media screen and (max-width: 1300px) {
            .ten-element-image-container {
                width: 100%;

            }
        }

        @media screen and (max-width: 850px) {
            .ten-element-image-container {
                padding: 0;
                margin:0;
                width: 100%;
                flex-direction: row;

            }
        }

        .ten-element-image {
            width: 477px;
            height: auto;
            display: flex;
        }

        @media screen and (max-width: 1300px) {
            .ten-element-image {
                width: 100%;
            }
        }

        @media screen and (max-width: 850px) {
            .ten-element-image {
                width: 83%;
            }
        }