@media (max-width: 1024px) and (max-height: 1792px) {
  #home {
    width: 100%;
    margin-top: 100px;
    height: calc(100vh - 100px);
    box-sizing: border-box;
  }

  .section#inicio {
    padding: 0;
    height: 100% !important;
    width: 100% !important;
    box-sizing: border-box;
    margin: 0;
  }

  section.apresentacao {
    box-sizing: border-box;
    width: 100%;
    height: calc(100vh - 80px);
    justify-content: center;
    align-items: start;
    display: grid;
    flex-direction: column;
    grid-template-columns: 100%;
    grid-template-rows: 40% 40% 20%;
    grid-template-areas:
      "titulo"
      "imagem"
      "botao";
  }

  /* TITULO */

  .titulo-container {
    margin: 0 !important;
    grid-area: titulo;
    height: 100%;
    width: 100%;
    display: grid;
    grid-template-columns: 100%;
    justify-content: center;
    align-items: center;
    margin: 0;
    box-sizing: border-box;
  }

  .titulo-container > * {
    margin: 0 !important;
    padding: 0;
  }

  .titulo-container > :nth-child(2) {
    font-size: min(4vw, 3rem) !important;
    width: 70%;
    align-self: center;
    justify-self: center;
  }

  #titulo-apresentação {
    font-size: min(10vw, 3rem) !important;

    width: 100%;
  }

  /* IMAGEM */

  #img-container {
    grid-area: imagem;
    height: 100%;
    width: 100%;
    box-sizing: border-box !important;
  }

  #imagem-apresentação {
    height: 80%;
    width: auto;
  }

  /* BOTÃO */
  #botao-container {
    grid-area: botao;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
  }

  .botao-orcamento {
    font-size: 3rem;
    padding: 1rem 2.5rem !important;
  }



  /* Sessão Porque ter um site */

  .bloco01 {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 60% 40%;
    grid-template-areas: 
    "apresentacao-bloco01"
    "img-bloco01";
    justify-content: center;
    align-items: center;
    background-position: right;
    height: 100vh;
  }


  #apresentacao-bloco01 {
    grid-area: apresentacao-bloco01;
  }


  #img-bloco01 {
    grid-area: img-bloco01;
  }

  #img-bloco01 img {
   height: 100%;
   display: inline-block;
  object-fit: contain;
  }


  #elementos-bloco02 {
    height: fit-content;
    grid-template-columns: repeat(2, calc(100% / 2));
    grid-template-rows: repeat(3, calc(100% / 3)) ;
    
  }


  #sobre {
    height: auto;
    padding-bottom: 10%;
  }

  .sobre-container {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 40% 60%;
    gap: 0;
    height: auto;
    padding-left: 0;
    padding-bottom: 2%;
  }

  .sobre-container > * {
  }

  .sobre-container > :nth-child(1) {
    height: 100%;
  }

  #foto-apresentação {
    height: 25vh;
    width: auto;
  }

  #sobre-texto {
    height: 100%;
    width: 100%;
    gap: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  #sobre-texto-painel {
    display: grid;
    grid-template-columns: 100%;
    grid-template-columns: calc(100%, 4);
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 60%;
    padding: 0;
  }

  #sobre-texto-painel > * {
    white-space: normal !important;
  }

  #sobre-texto-painel > :nth-child(1) {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: min(6.7vw, 1.9rem) !important;
  }

  #sobre-texto-painel > :nth-child(2) {
    font-size: min(6vw, 1.5rem) !important;
  }

  #sobre-texto-painel > :nth-child(3) {
    text-align: center;
    font-size: min(4vw, 1.3rem) !important;
  }

  #sobre-texto-painel > :nth-child(4) {
    border: solid 1px green;
    height: auto;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    justify-self: center;
    gap: 6%;
    padding-top: 3%;
    padding-bottom: 3%;
    padding-left: 3%;
    padding-right: 3%;
  }

  #sobre-texto :nth-child(4) img {
    height: 6vh;
    width: auto;
  }

  /* RODAPÉ */

  #rodape {
   
    align-items: center;
    justify-content: center;
    grid-template-columns: 100%;
    grid-template-rows: 70% 1fr 5%;
    grid-template-areas:
      "formContato"
      "contato"
      "footer";
  }


  #rodape > * {
  }


  #direita {
    display: none;
  }

  #formulario-contato {
    justify-content: center;
  }

 
  .contato {
    display: grid;
   padding: 0;   
    justify-content: center;
    align-items: center;
    row-gap: 0;
    height: 100%;
  }


  .formContato {
    padding: 2%;
    height: 100%;
  }


  #btEnviar {
   
    height: 100%;
    font-size: min(3vw, 2.5rem);
  }

  .contato > * {
  }

  #midiasSociais {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-self: start;
    height: auto;
    width: auto;
  }

   #midiasSociais div a img {
    width: min(5vw, 8vw);

  }

  #msgFinal {
  }
}