.lancamentos{
   background-color: rgb(53, 53, 53);
   padding: 2rem 0;
   width: 100%;
}

.lancamentos > h2{
   margin: 0 0 1rem 1rem;
   font-size: 1.5rem;
   color: #F2BB77;
}

.lista-lancamentos{
   display: flex;
   justify-content: space-around;
   margin-bottom: 1rem;
}

.itens-lancamentos{
   width: 15%;
}

.itens-lancamentos  img{
   width: 100%;
   height: 85%;
   transition: 0.3s;
   border: 1px solid rgb(90, 90, 90);
}

.itens-lancamentos:hover :is(.itens-lancamentos > img){
   border: 1px solid #F2BB77;
}

.itens-lancamentos:hover :is(.titulo-lancamentos){
   color: #F2BB77;
}

.titulo-lancamentos{
   margin-top: 0.5rem;
   color: rgb(141, 141, 141);
   font-size: 0.9rem;
   padding-left: 0.1rem;
}

@media screen and (max-width: 999px) {
   
   .lancamentos{
      display: flex;
      flex-direction: column;
      align-items: center;
   }

   .lista-lancamentos{
      flex-direction: column;
      align-items: center;
   }

   .itens-lancamentos{
      width: 40%;
      margin-bottom: 1.5rem;
      padding-bottom: 0.5rem;
      border-bottom: 1px solid #F2BB77;
   }
}