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

body {
   background-repeat: no-repeat;
}

.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;
   justify-items: center;
}

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

.info {
   display: flex;
   flex-direction: row;
   width: 100%;
   justify-content: center;
   margin-bottom: 2px;
}

.info_invert {
   display: flex;
   flex-direction: row;
   width: 100%;
   justify-content: center;
   margin-bottom: 2px;
}

.info:hover {
   transform: scale(1.05);
   transition: transform 0.2s;
}

.info_invert:hover {
   transform: scale(1.05);
   transition: transform 0.2s;
}

.quadro {
   display: flex;
   margin: 20px;
}

.quadro img {
   max-width: 100%;
   border-radius: 10px;
}


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

   .info {
      display: flex;
      flex-direction: column;
      margin-bottom: 18px
   }

   .info_invert {
      display: flex;
      flex-direction: column-reverse;
      margin-bottom: 18px
   }

   .quadro {
      margin: 2px;
   }

}