/*HOME - BASE */
#home {
      max-width: 1280px;
      width: 100%;
      height: auto;
      font-family: 'Poppins', sans-serif;
      background: #fff;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
      /*
      background: linear-gradient(135deg,#0d0e20 0%, #0d0e20 85%, #0d1f29 92%, #15173e 100%);
      background-repeat: no-repeat;
      background-size: cover; */
}

.container-home {
      display: flex;
      width: 100%;
      margin: auto;
      padding: 15px;
/*      height: calc(100vh - 7.6875rem); */
}

.container-left-home {
    width: 100%;
    padding: 0;
}

.cont_left-box1-home {
      display: flex;
      flex-direction: column;
      padding-top: 100px;
      width: 80%;
}

.cont_left-box1-home .h1-home {
      font-size: 2rem;
      font-weight: 700;
      color: #555;
}

.cont_left-box1-home .h3-home {
      font-size: 1.1rem;
      padding: 30px 0;
      margin-right: 30px;
      text-align: justify;
}

.cont_left-box2-home .p-box2-home {
      font-size: 1rem;
}

.cont_left-box2-home h4 {
      font-size: 1.5rem;
      padding: 30px 0;
}

.container-right-home {
      width: 25%;
      height: auto;
      justify-content: center;
      align-items: center;
}

.cont_right-box1-home {
      width: 300px;
      height: auto;
      padding-top: 70px;
}

.cont_right-box1-home img {
      width: 100%;
      height: 100%;
}

/* Responsividade - Home */
@media (max-width: 1024px) {
      .container-home {
            flex-direction: column;
            align-items: center;
            height: auto;
            padding: 30px 15px;
      }

      .container-left-home {
            width: 100%;
            padding: 0;
            text-align: center;
      }

      .cont_left-box1-home {
            width: 100%;
            padding-top: 50px;
      }

      .cont_left-box1-home .h1-home {
            font-size: 1.7rem;
      }

      .cont_left-box1-home .h3-home {
            font-size: 1rem;
            margin-right: 0;
            padding: 20px 10px;
            text-align: center;
      }

      .cont_left-box2-home h4 {
            font-size: 1.3rem;
            padding: 20px 10px;
      }

      .btn-home {
            width: 90%;
            margin: 20px auto;
      }

      .container-right-home {
            width: 100%;
            display: flex;
            justify-content: center;
            padding: 30px 0;
      }

      .cont_right-box1-home {
            width: 200px;
            padding-top: 0;
      }
}

@media (max-width: 600px) {
      .cont_left-box1-home .h1-home {
            font-size: 1.5rem;
      }

      .cont_left-box1-home .h3-home {
            font-size: 0.95rem;
      }

      .cont_left-box2-home h4 {
            font-size: 1.1rem;
      }

      .cont_left-box2-home .p-box2-home {
            font-size: 0.95rem;
      }

      .cont_right-box1-home {
            width: 150px;
      }
}