.cd-title {
position: relative;
height: 160px;
line-height: 230px;
text-align: center;
}
.cd-title h1 {
font-size: 2.4rem;
font-weight: 700;

}
.cd-intro {
wid th: 90%;
max-wid th: 768px;
text-align: left;
color:#fff;
}

.cd-headline {
font-size: 2rem;
line-height: 1.2;
}

.cd-intro {
margin: 4em auto;
}



@media only screen and (min-width: 768px) {
  .cd-headline {
    font-size: 2rem;
    font-weight: 300;
    }
  .cd-intro {
    margin: 5em auto;
    }
  .cd-title {
    line-height: 250px;
    }
}
@media only screen and (min-width: 1170px) {
  .cd-headline {
    font-size: 2rem;
    }
  .cd-intro {
    margin: 6em auto;
    }
  .cd-title {
    height: 200px;
    line-height: 300px;
    }
  .cd-title h1 {
    font-size: 3rem;
    }
}
@media screen and (max-width: 600px) {
  .cd-headline {
    font-size: 1.6rem;
    font-weight: 300;
    }
  .cd-intro {
    margin: 5em 10px 5em 40px;
    }
  .cd-title {
    line-height: 250px;
    }
}



.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: #aebcb9;
}
.cd-headline.clip b {
opacity: 0;
}
.cd-headline.clip b.is-visible {
opacity: 1;
}











.terminal {
margin-top:-50px; margin-left:20px;   padding-left:10px;
text-shadow: 0px 0px 2px rgba(50, 50, 50, 0.4);
color:#BF88D8;
w idth: 250px;
fo nt: inherit;
b order: none;
outline: none;
color: inherit;
}

.dollar:before {
content: '$';
color: #52a563;
}



.ghost,
.glitch {
opacity: 0.25;
}

#message {
margin-left: -300px;
margin-top: -130px;
position: absolute;
height: 260px;
width: 600px;
left: 50%;
top: 50%;
}

#animate {
text-shadow: 0 0 8px rgba(209, 194, 165, 0.1);
position: absolute;
color: #4f4228;
bottom: 0;
}