body{
  margin:0;
  font-family:"Montserrat", sans-serif;
}

.header{
  position:relative;
  text-align:center;
  background:linear-gradient(60deg, rgba(84,58,183,1) 0%, rgba(0,172,193,1) 100%);
  color:#fff;
}

.inner-header{
  height:12vh;
  width:100%;
  margin:0;
  padding:0;
}

.flex{/*Flexbox for containers*/
  display:flex;
  align-items:center;
  text-align:center;
}

.wave-wrapper{
  color:black;
  position:relative;
  width:100%;
  font-size:1.7rem;
  z-index:auto;
}
.waves{
  position:relative;
  width:100%;
  height:15vh;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:80px;
  max-height:20px;
}
.card-title{
  height:100px;
 text-overflow:ellipsis;
}

/* Animation */
.parallax > use{
  animation:move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1){
  animation-delay:-2s;
  animation-duration:7s;
}
.parallax > use:nth-child(2){
  animation-delay:-3s;
  animation-duration:10s;
}
.parallax > use:nth-child(3){
  animation-delay:-4s;
  animation-duration:13s;
}
.parallax > use:nth-child(4){
  animation-delay:-5s;
  animation-duration:20s;
}

#r-banner{ 
  position:absolute;
  right:0px;
  top:0px;
  z-index:100;
}

#header_title{
  font-size:50px;
  margin-left:20px;
  z-index:100;
  font-weight:bold;
}

#header_title_eng{
  font-size:50px;
  margin-left:20px;
  z-index:100;
  font-weight:bold;
}

@keyframes move-forever{
  0%{
   transform:translate3d(-90px,0,0);
  }
  100%{
    transform:translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/
@media only screen and (max-width:600px){
  .waves{
    height:40px;
    min-height:40px;
  }
  .content{
    height:30vh;
  }
  .inner-header{
    height:6.5vh;
  }  

  #r-banner{ 
    width:350px;
  }

  #header_title{
    font-size:25px;
  }

  #header_title_eng{
    font-size:25px;
  }
}


/* added by Ricky */

.daily-schedule-wrapper>.wave-wrapper{
  padding-bottom:0px;
}

.activity-photo-gallery-wrapper > .wave-wrapper{
  padding-bottom:30px;
}

.video-gallery-wrapper > .wave-wrapper{
  top:20px
}

.content-search{
  height:40vh;
}