body {
    /* background: #2d2d2d; */
    /* font-family: Arial, serif; */
    font-family: 'Poppins', sans-serif;
    /* font-weight: bold; */
    /* color: #ed1f24; */
    /* color: cyan; */
    color:  #00C9FF;
}

.cd-intro {
    /* margin: 3em auto; */
}

@media only screen and (min-width: 768px) {
    .cd-intro {
        margin: 2.5em auto;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-intro {
        /* margin: 3em auto; */
    }
}

.cd-headline {
    font-size: 2rem;
    font-weight: bold;
    /* line-height: 1.2; */
}

.mobile-view{
    font-size: 2rem;

}

@media only screen and (min-width: 768px) {
    .cd-headline {
        font-size: 2rem;
        font-weight: bold;
        /* font-weight: 300; */
    }
}

@media only screen and (min-width: 1170px) {
    .cd-headline {
        font-size: 2.5rem;
    }
}

.cd-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left;
}

.cd-words-wrapper b {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0;
}

.cd-words-wrapper b.is-visible {
    position: relative;
}

.no-js .cd-words-wrapper b {
    opacity: 0;
}

.no-js .cd-words-wrapper b.is-visible {
    opacity: 1;
}

/* -------------------------------- 

xclip 

-------------------------------- */

.cd-headline.clip span {
    display: inline-block;
    padding: .2em 0;
}

.cd-headline.clip .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top;
}

.cd-headline.clip .cd-words-wrapper::after {
    /* line */
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    /* background-color: #3d3d3d; */
    background-color: #3d3d3d;
}

.cd-headline.clip b {
    opacity: 0;
}

.cd-headline.clip b.is-visible {
    opacity: 1;
}