body {
  font-family: "Roboto", Arial, sans-serif;
}

/* HERO */
.hero {
  padding:80px 20px;
  text-align:center;
  background:#f5f5f5;
}

/* CARD */
.card {
  border-radius:12px;
  transition:0.3s;
}

.card:hover {
  box-shadow:0 8px 20px rgba(0,0,0,0.15);
  cursor:pointer;
}

/* CLICKABLE LINK */
.card-link {
  text-decoration:none;
  color:inherit;
  display:block;
}

/* BUTTON */
.btn-main {
  border-radius:25px;
}

/* IMAGE FIX */
img {
  max-width:100%;
  height:auto;
}

/* RESPONSIVE TEXT */
h1 {font-size:28px;}
@media (min-width:768px){
  h1 {font-size:48px;}
}