* {
  margin: 0;
  padding: 0;
  box-shadow: border-box;
}
img {
  width: 100%;
}
a {
  text-decoration: none;
  color: #000;
}
.header-main {
  background: #ffffff;
  padding: 0.75rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
.header-main .desktop-logo {
  max-width: 350px;
  border-radius: 0.25rem;
}
.header-main .mobile-logo {
  max-width: 180px;
  max-height: 220px;
  display: none;
}
.button {
  color: #036591;
  font-size: 16px;
  font-weight: 600;
  display: inline-flex;
  gap: 0.25rem;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  transition: all 0.3s ease;
}
.button img {
  width: 20px;
}
.button:hover {
  color: #00354b;
}
.card {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

@media only screen and (max-width: 768px) {
  .header-main {
    padding: 0.5rem 0;
  }
  .header-main .desktop-logo {
    display: none;
  }
  .header-main .mobile-logo {
    display: block;
  }
  .button {
    font-size: 14px;
  }
  .button img {
    width: 18px;
  }
}