@media (max-width: 568px) {

       /* html { */
       /* font-size: 80%; */
       /* } */

       /* ===CONTAINER-JUMBOTRON=== */

       .section-jumbotron .banner-jumbotron img {
              width: 100%;
              margin: auto;
              display: flex;
              justify-content: center;
              height: 27rem;
              object-fit: cover;
              object-position: 20%;
       }

       /* .section-jumbotron .banner-jumbotron {
              bottom: 10rem;
              background-color: tomato;
       } */

       .section-jumbotron .container-jumbotron {
              width: 100%;
              margin: 0 auto;
       }

       /* ===END-CONTAINER-JUMBOTRON=== */

       /* === CONTAINER-INDEX === */
       .container-index .home-card {
              width: 80%;
       }

       .container-index .home-card img {
              max-width: 100%;
       }

       /* === END-CONTAINER-INDEX === */

       /* === CONTAINER-CONTENT-TABLE === */
       .container-index-table {
              min-width: 95%;
       }

       /* === END-CONTAINER-CONTENT-TABLE === */


       /* === START - MAIN - CONTAINER - CONTENT - INPUT=== */
       main {
              width: 100%;
       }

       main article {
              width: 100%;
              margin: auto 0;
       }

       main article .content-header {
              text-align: center;
       }

       main article .container-content-input .content-input {
              display: flex;
              justify-content: center;
              margin: auto;
       }

       main article .container-content-input .content-input .input {
              display: flex;
              flex-direction: column;
       }

       main article .container-content-input .content-input .input textarea,
       main article .container-content-input .content-input .input input {
              min-width: 50%;
       }

       /* === END - MAIN - CONTAINER - CONTENT - INPUT=== */

       /* === START - MAIN - CONTAINER - CONTENT === */

       main article .content-term {
              width: 80%;
       }

       /* === END - MAIN - CONTAINER - CONTENT === */


}