@keyframes grow {
    0% {
        transform: scale(.95);
    }
    100% {
        transform: scale(1);
    }
}

.hero-image {
    animation: grow 15s;
    animation-timing-function: ease-out;
}

@keyframes fadeIn {
    0% {
        /* transform: translateY(60px); */
        opacity: 0;
    }
    100% {
        /* transform: translateY(0); */
        opacity: 1;
    }
}

@keyframes fadeInUp {
    0% {
        transform: translateY(0);
        opacity: 0;
    }
    100% {
        transform: translateY(-10px);
        opacity: 1;
    }
}

.hero {
    opacity: 0;
    animation: fadeIn .4s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    animation-delay: .3s;
}

[data-aos="up"] {
    opacity: 0;
    transition-property: transform, opacity;
}
[data-aos="up"].aos-animate {
    opacity: 1;
}
[data-aos="up"] {
    transform: translateY(230px);
}
[data-aos="up"].aos-animate {
    transform: translateY(0);
}

/* mobile menu */
.mobile-menu .line{
    width: 25px;
    height: 3px;
    background-color: #ecf0f1;
    display: block;
    /* margin: 3px auto; */
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
  
.mobile-menu:hover{
    cursor: pointer;
}

#mobile-menu-id.is-active .line:nth-child(2){
    opacity: 0;
}
  
#mobile-menu-id.is-active .line:nth-child(1){
    -webkit-transform: translateY(5px) rotate(45deg) scale(.9);
    -ms-transform: translateY(5px) rotate(45deg) scale(.9);
    -o-transform: translateY(5px) rotate(45deg) scale(.9);
    transform: translateY(5px) rotate(45deg) scale(.9);
}
  
  #mobile-menu-id.is-active .line:nth-child(3){
    -webkit-transform: translateY(-7px) rotate(-45deg) scale(.9);
    -ms-transform: translateY(-7px) rotate(-45deg) scale(.9);
    -o-transform: translateY(-7px) rotate(-45deg) scale(.9);
    transform: translateY(-7px) rotate(-45deg) scale(.9);
}