@media (max-width: 769px){
   .header {
      display: flex;
      align-items: center;
      flex-wrap: nowrap;
      flex-direction: column;
      align-content: center;
   }
}
@media (min-width: 770px) {
   .header {
      display: flex;
      align-items: flex-start;
      flex-wrap: nowrap;
      justify-content: space-evenly;
   }
   .img_logo { /* adaptar*/
      width: 33.33%;
      height: 40%;
   }
}

.title{
   margin: 5%;
}
.bold{
   font-weight: 600;
}
.bold_activity{
   font-weight: 500;
}