@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

* {
  box-sizing: border-box;
  font-family: "Raleway", sans-serif;
  margin: 0;
  padding: 0;
}

/* Estilos para notebooks */
@media screen and (min-width: 64rem) {

  a {
    text-decoration: none !important
  }

  .centro {
    align-items: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  .main {
    height: auto;
    width: 100vw;
    background-color: #f5f5f5 !important;
  }

  .navegacao,
  .navbar {
    width: 100vw !important;
    height: 6rem;
    background-color: #000000 !important;
  }

  .capa {
    background-image: url("/img/fundo_site_gildo.jpg") !important;
    background-size: cover;
    background-position: center;
    min-height: 100vh !important;
    width: 99vw;
  }

  .capa_frase {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    width: 45vw;
    padding-top: 20vh;
  }

  .capa_frase h2{
    text-align: center;
  }

  .quem_sou_novo_modelo{
    width: 50vw;
    background-color: white;
    height: auto;
  }

  .quem_sou_novo_modelo img{
    width: 120px;
    height: 120px;
    border-radius: 50%;
  }

  .quem_sou_novo_modelo p{
    line-height: 2rem;
    text-align: justify !important;
  }

  .modal-body img{
    width: 160px !important;
    height: 160px !important;
    overflow: hidden;
    background-size: cover;
    border-radius: 50%;
  }

  .links_uteis_conteudo{
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  .links_uteis_conteudo img{
    width: 2.5rem !important;
    height: 2.5rem !important;
  }

  .foto img {
    border-radius: 50%;
    height: 120px;
    width: 120px !important;
  }

  .midias {
    align-items: center;
    color: #ffffff;
    display: flex;
    justify-content: center;
    width: 8rem;
  }

  .midias a {
    text-decoration: none;
  }

  .logotipo {
    align-items: center;
    display: flex;
    margin-right: 3rem;
    width: 12rem;
  }

  .box_blog_artigos {
    height: auto;
    line-height: 2rem;
    text-align: justify;
    width: 50vw;
  }

  .blog_1,
  .artigos {
    background-color: #ffffff;
    height: auto;
    width: 50vw;
  }

  .modal-body{
    text-align: justify !important;
  }

  .modal_livros {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100vw;
    min-height: 100vh !important;
    gap: 0.3rem;
  }

  .livro {
    background-color: #ffffff;
    display: grid;
    grid-template-columns: 10vw 56vw;
    grid-template-rows: auto;
    grid-template-areas: "capa_livro descricao_livro";
    gap: 1rem;
    width: 70vw;
    min-height: 50vh;
    margin: 0.5rem auto !important;
  }

  .livro p {
    text-align: justify;
    line-height: 2.5rem;
  }

  .servicos {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 70vw;
    min-height: 100vh !important;
    margin: 0 auto !important;
    background-color: #ffffff;
  }

  .servico {
    margin: 1rem auto !important;
  }

  .servico_texto {
    text-align: justify;
  }

  .servico p {
    text-align: justify;
    line-height: 2rem;
    padding: 0 1rem !important;
  }

  .servico button {
    margin: 0 1rem !important
  }

  .box_formulario{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 70vw;
    min-height: 70vh;
    background-image: url('/img/fundo_form.jpg');
    background-size: cover;
  }

  .formulario{
    width: 50vw;
  }

  .rodape {
    background-color: #000000;
    width: 100vw;
    height: 6rem;
  }

  .rodape a,
  .rodape h6 {
    font-size: 0.8rem;
    text-decoration: none;
  }

}



  /*Responsividade para celular orientação retrato*/
  @media screen and (max-width: 30rem) {
    .navbar{
      background-color: black !important;
      width: 100vw;
      min-height: 8vh;
    }
    .navbar-nav {
      min-height: 6vh;
      background-color: dark;
      margin-left: 0;
    }

    .capa{
      align-items: center;
      justify-content: center;
      flex-direction: column;
      background-image: url('/img/fundo_site_gildo.jpg') !important;
      background-size: cover;
      width: 100vw;
      height: auto !important;
      display: flex;
    }

    .capa_frase{
      height: 50vh !important;
    }

    .capa_frase h2{
      display: none;
    }

    .capa_frase a{
      margin: 5vh auto;
      background-color: rgb(40, 46, 217);
      color: white;
      border: none;
    }

    .capa img{
      height: auto !important;
    }

    .box_blog_artigos,
    .blog_1,
    .artigos {
      height: auto;
      width: 100vw;
      padding: 0.25rem !important;
      margin: 2rem auto !important;
    }

    #quem_sou_eu{
      margin: 0 auto;
      width: 100vw !important;
      min-height: auto;
    }

    .quem_sou_novo_modelo{
      width: 100vw;
      background-color: white;
      height: auto;
    }
  
    .quem_sou_novo_modelo img{
      width: 100px;
      height: 100px;
      border-radius: 50%;
    }
  
    .quem_sou_novo_modelo p{
      font-size: 0.8rem;
      line-height: 1.5rem;
      text-align: justify !important;
    }
  
    .foto img{
      width: 7rem !important;
      margin: 0 auto;
    }

    #btn_conhecer_autor,
    #btn_blog_1,
    #btn_artigos{
      margin: 0 auto !important;
      width: 100% !important;
    }

    .modal_livros {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      flex-wrap: wrap;
      width: 100vw !important;
      margin: 0 auto !important;
    }

    .livro {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      width: 100vw !important;
      margin: 0 auto !important;
    }

    .capa_livro {
      flex-direction: column
    }

    .capa_livro {
      flex-direction: column
    }

    .capa_livro img {
      width: 50% !important;
    }

    .descricao_livro {
      display: flex;
      flex-direction: column;
    }

    .descricao_livro p,
    .artigos p,
    .box_blog_artigos,
    .servico {
      font-size: 0.85rem;
      line-height: 2rem;
      text-align: justify;
    }

    .servicos {
      width: 100vw;
      margin-bottom: 1rem !important;
    }

    .servicos button {
      margin-bottom: 1rem !important;
    }

    .servicos h5 {
      text-align: center;
      margin: 1rem;
    }

    .servico_foto img {
      width: 70% !important;
    }

    input {
      margin: 1rem auto;
    }

    .box_formulario{
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      width: 100vw;
      height: auto !important;
      background-image: url('/img/fundo_form.jpg');
      background-size: cover;
    }

    .box_formulario input{
      margin: 0 auto;
      width: 99vw;
    }

    .rodape {
      height: auto;
    }

  }

  /* Responsividade para celular orientação paisagem */
  @media screen and (min-width: 30.0625rem) and (max-width: 47.9375rem) {}

  /* Responsividade para tablets orientação paisagem */
  @media screen and (min-width: 48rem) and (max-width: 63.9375rem) {}