* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
/* common css */
ul, ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
a {
  display: inline-block;
  text-decoration: none;
}
img, video {
  max-width: 100%;
}
body {
	font-family: "Montserrat", sans-serif;
}
/* landing css */
#landing .landing-box {
  background: url('../images/banner-bg.png') no-repeat;
  background-position: center;
  background-size: cover;
  padding: 20px 10px;
  min-height: 100vh;
  min-height: 100dvh;
  min-height: 100svh;
  display: flex;
  align-items: center;
  max-width: 480px;
  margin: 0 auto;
  flex-direction: column;
  justify-content: space-evenly;
  text-align: center;
  /* background-color: #023002; */
}
#landing .image-box img {
  width: 100%;
  max-width: 90%;
}
.landing-box .button-box a img {
  width: 100%;
  max-width: 80%;
}

@media (max-width: 360px) {
  #landing .landing-box {
    padding: 10px 10px;
  }
  #landing .image-box img {
    max-width: 90%;
  }
}
@media (max-width: 320px) {
  #landing .image-box img {
    max-width: 81%;
  }
}

/* .tada-animation {
  animation: tada 1s infinite;
  display: inline-block;
} */

/* @keyframes tada {
    0% { transform: scale3d(1, 1, 1); }
    10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-1deg); }
    30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(1deg); }
    40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-1deg); }
    100% { transform: scale3d(1, 1, 1); }
} */