/* boxes.css*/

.turkis {background-color:#76BABE;padding:20px;color: #ffffff;}
.turkis1 {background-color:#0d99a2;}

.card2 figure img {display:inline;overflow:hidden; border-radius:15px;}
.card2 img {}

.card1
{
float:left;
margin-right:7px;margin-bottom:30px;margin-left:7px;
padding:25px 10px 20px 20px;
background-color:rgba(243,243,243,.5);background-color:#76BABE;border-radius:15px;justify-content: center;box-shadow: 0px 8px 22px rgba(0, 0, 0, 0.08);}

.card2
{
float:left;
margin-right:7px;margin-bottom:30px;margin-left:7px;
padding:0;
background-color:rgba(243,243,243,.5);background-color:#76BABE;border-radius:15px;justify-content: center;box-shadow: 0px 8px 22px rgba(0, 0, 0, 0.08);}

.cards-c {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: masonry;
}