* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}

body {
   font-family: 'Circular Std', sans-serif;
}

.container {
   display: flex;
   flex-direction: column;
   margin-left: 20%;
   margin-right: 20%;
}

.conteudo {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
}

.titulo {
   margin-bottom: 16px;
   padding: 10px;
   background-color: aliceblue;
}

.bloco {
   display: flex;
   flex-direction: row;
   align-items: center;
}

.bloco img {
   display: flex;
   max-width: 50%;
   align-items: center;
   border-radius: 30px;
   padding: 10px;
}

.bloco_invert {
   display: flex;
   flex-direction: row;
   align-items: center;
   margin-bottom: 30px;
}

.bloco_invert img {
   display: flex;
   max-width: 50%;
   align-items: center;
   border-radius: 30px;
   padding: 10px;
}

.bloco_pix {
   background-color: #f0f8ff;
   border-radius: 12px;
   padding: 20px;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   margin-bottom: 15px;
}

.bloco_pix img {
   max-width: 200px;
   border-radius: 8px;
}

.bloco_pix .texto {
   max-width: 60%;
}

.bloco_pix .texto .titulo-bloco {
   display: flex;
   flex-direction: row;
   align-items: center;
   max-width: 100%;
   justify-self: center;
}

.bloco_pix .texto .titulo-bloco img {
   max-width: 72px;
}

.card_img {
   max-width: 99px;
   max-height: 150px;
   overflow: auto;
   margin: 10px;
   border-radius: 10px;
}

.gallery {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
}

@media only screen and (max-width: 1000px) {
   .container {
      display: flex;
      flex-direction: column;
      margin-left: 2%;
      margin-right: 2%;
   }

   .bloco {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-bottom: 30px;
   }

   .bloco_pix {
      background-color: #f0f8ff;
      border-radius: 12px;
      padding: 20px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
   }

   .bloco_pix .texto {
      max-width: 95%;
   }

   .bloco_pix .texto .titulo-bloco {
      display: flex;
      flex-direction: row;
      align-items: center;
      max-width: 100%;
      justify-self: center;
   }

   .bloco_invert {
      display: flex;
      flex-direction: row;
      align-items: center;
      margin-bottom: 30px;
      flex-direction: column-reverse;
   }

   .bloco_invert img {
      max-width: 95%;
   }

   .bloco img {
      max-width: 95%;
   }

   .titulo {
      margin-bottom: 16px;
      padding: 10px;
      background-color: aliceblue;
      text-align: center;
   }

}