* {
   margin: 0;
   padding: 0;
}

@import url('https://fonts.googleapis.com/css2?family=Circular+Std:wght@700&display=swap');

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

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

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

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

.botao {
   text-align: center;
   margin-bottom: 10px;
}


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

   .gallery {
      margin-left: 2%;
      margin-right: 2%;
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
   }
}