.cards-list {
  z-index: 0;
  width: 100%;
  /* display: flex; */
  /* justify-content: space-around; */
  /* flex-wrap: wrap; */
}

.card {
  width: 400px;
  height: 350px;
  border-radius: 20px;
  box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.25), -1px -1px 1px 1px rgba(0,0,0,0.22);
  cursor: pointer;
  transition: 0.4s;
  color: white;
}

.card-lab {
  width: 350px;
  height: 350px;
  border-radius: 5px;
  box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.25), -1px -1px 1px 1px rgba(0,0,0,0.22);
  cursor: pointer;
  transition: 0.4s;
}

.card-partners {
  width: 400px;
  height: 1300px;
  border-radius: 15px;
  box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.25), -1px -1px 1px 1px rgba(0,0,0,0.22);
  cursor: pointer;
  transition: 0.4s;
}

.card-wide {
  width: 600px;
  height: 350px;
  border-radius: 20px;
  box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.25), -1px -1px 1px 1px rgba(0,0,0,0.22);
  cursor: pointer;
  transition: 0.4s;
  color: white;
}

.card-wide-lab {
  width: 700px;
  height: 350px;
  border-radius: 20px;
  box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.25), -1px -1px 1px 1px rgba(0,0,0,0.22);
  cursor: pointer;
  transition: 0.4s;
  color: white;
}

.card-wide-partners {
  width: 800px;
  height: 1300px;
  border-radius: 5px;
  box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.25), -1px -1px 1px 1px rgba(0,0,0,0.22);
  cursor: pointer;
  transition: 0.4s;
  color: white;
}

.card .card_image {
  width: inherit;
  height: inherit;
  border-radius: 40px;
}

.card .card_image img {
  width: inherit;
  height: inherit;
  border-radius: 40px;
  object-fit: cover;
}

.card .card_title {
  text-align: center;
  border-radius: 0px 0px 40px 40px;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 30px;
  margin-top: -80px;
  height: 40px;
}

.card:hover {
  transform: scale(1.1, 1.1);
  box-shadow: 5px 5px 30px 15px rgba(0,0,0,0.25), 
    -5px -5px 30px 15px rgba(0,0,0,0.22);
}

.card-lab:hover {
  transform: scale(1.1, 1.1);
  box-shadow: 5px 5px 30px 15px rgba(0,0,0,0.25), 
    -5px -5px 30px 15px rgba(0,0,0,0.22);
}


.card-wide:hover {
  transform: scale(1.1, 1.1);
  box-shadow: 5px 5px 30px 15px rgba(0,0,0,0.25), 
    -5px -5px 30px 15px rgba(0,0,0,0.22);
}

.card-wide-lab:hover {
  transform: scale(1.1, 1.1);
  box-shadow: 5px 5px 30px 15px rgba(0,0,0,0.25), 
    -5px -5px 30px 15px rgba(0,0,0,0.22);
}




.title-white {
  color: white;
}

.title-black {
  color: black;
}

/* @media all and (max-width: 500px) {
  .card-list {
    /* On small screens, we are no longer using row direction but column */
    /* flex-direction: column;
    width: 100%; */
  /* }
} */ 

@media (max-width: 600px) {

  #card-heading
  {
    margin: 15px;
  }

  #card-heading
  {
    margin: 15px;
  }

  #card-wide-heading
  {
    margin: 15px;
  }

  #card-wide-text
  {
    margin: 15px;
  }

  .card-wide
  {
    margin-left: 40px;
    width: 300px;
  }

  .card-wide-lab
  {
    margin-left: 40px;
    width: 300px;
    height: 750px;
  }
  .card
  {
    margin-left: 40px;
    width: 300px;

  }

  .card-lab
  {
    margin-left: 40px;
    width: 400px;

  }
}


/*
.card {
  margin: 30px auto;
  width: 300px;
  height: 300px;
  border-radius: 40px;
  background-image: url('https://i.redd.it/b3esnz5ra34y.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-repeat: no-repeat;
box-shadow: 5px 5px 30px 7px rgba(0,0,0,0.25), -5px -5px 30px 7px rgba(0,0,0,0.22);
  transition: 0.4s;
}
*/