@import url('https://fonts.googleapis.com/css?family=Montserrat:100');
.page-title {
    position: relative;
    font-family: Montserrat;
    height: 20vmin;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    transition: 2s all;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10+ and Edge */
    user-select: none; /* Standard syntax */
}
.page-title h1{
    position: absolute;
    font-weight: bolder;
    font-size: 11vmax;
    color: rgba(255, 255, 255, 0.1);
    text-transform: uppercase;
    letter-spacing: 1vw;
    margin: 0px;
    transition: 1.5s all;
    transform: scale(0.4);
}
.page-title h2{
    position: absolute;
    font-size: 19px;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    letter-spacing: .8vw;
    margin: 0px;
    transition: 2s all;
    transform: scale(0.6);
}
.page-title.home {
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.page-title.home h1 {
    font-family: Montserrat;
    /* -webkit-text-stroke: 1px #ffffff78; */
    position: relative;
    font-weight: bolder;
    font-size: 110px;
    text-align: center;
    filter: invert(1) sepia(1) hue-rotate(180deg) saturate(4.5);
    background: url(https://media.giphy.com/media/OK5LK5zLFfdm/giphy.gif) repeat;
    color: transparent;
    letter-spacing: -8px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 3px 20px;
    background-position: center;
    background-size: cover;
    opacity: 0.5;
}
.page-title.home h2  {
    position: relative;
    text-align: center;
    font-family: Montserrat;
    letter-spacing: 10px;
    font-size: 20px;
    margin-top: 15px;
    font-weight: bolder;
}

.active .page-title h1 {
    transform: scale(1);
}
.active .page-title h2 {
    transform: scale(1);
}

.active .page-title.home h1 {
    transform: scale(1);
}
.active .page-title.home h2 {
    transform: scale(1);
}

@media screen and (max-width: 780px){
    .page-title.home h1 {
        font-size: 14vw;
    }
    .page-title h1 {
        font-size: 15vw;
    }
    .page-title h2 {
        font-size: 2.8vmin;
        letter-spacing: 2vmin;
    }
    .page-title.home h2 {
        font-size: 2.8vmin;
        letter-spacing: 2vmin;
    }
    
}