.corpo{
  background-image: linear-gradient(90deg, #e7e4e4, #ffffff);
  border-radius: 10px;
  width:15em;
  height:10em;
  box-shadow: 5px 8px 8px #000;
  margin: 5vh auto;
  display: flex;
  justify-content:space-between;
  flex-direction: column;
  text-align: center;
}

.header{
  margin: 0 ;
  align-items: center;
}
.barra-1{
  width: 80px;
  height: 15px;
  background-color: #fa6f6e;
  border-radius: 10px 0 10px 0;
}
.barra-2{
  width: 80px;
  height: 15px;
  background-color: #0EB1BA;
  align-self: flex-end;
  border-radius: 10px 0 10px 0;
}
.header img[alt=Consultfacil]{
  max-width:120px;
  margin: auto;
}

@media screen and (min-width: 768px){
  .corpo{
    margin: 10vh auto;
    width:25em;
    height:15em;
  }

  .barra-1{
    width: 120px;
    height: 20px;
  }
  .barra-2{
    width: 120px;
    height: 20px;
  }
  .header img[alt=Consultfacil]{
    max-width:180px;
  }
}

@media screen and (min-width: 1024px){
  .corpo{
    margin: 2vh 15vw;
  }
}