.typewriterIntro {
    color: #4097DB;
    font-weight: 600;
    font-family: 'Ubuntu', Arial, sans-serif;
    font-size: 56px;
    min-height: 75px;
}

.diffText {
    color: black;
    text-decoration: underline;
    text-decoration-color: #4097DB;
}

.smallHeader {
    color: #4b4e55;
    font-weight:500;
    font-family: 'Ubuntu', Arial, sans-serif;
    font-size: 20px;
}

/* arrow bounce and tell me */
.tellMe {
    color: #E2E2E2;
    font-style: italic;
    font-size: 12px;
    margin-top: 40px;
}

.arrow {
  align: center;
  left: 50%;
  margin-left:49.4%;
  width: 20px;
  height: 40px;
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDQ1MS44NDcgNDUxLjg0NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUxLjg0NyA0NTEuODQ3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTIyNS45MjMsMzU0LjcwNmMtOC4wOTgsMC0xNi4xOTUtMy4wOTItMjIuMzY5LTkuMjYzTDkuMjcsMTUxLjE1N2MtMTIuMzU5LTEyLjM1OS0xMi4zNTktMzIuMzk3LDAtNDQuNzUxICAgYzEyLjM1NC0xMi4zNTQsMzIuMzg4LTEyLjM1NCw0NC43NDgsMGwxNzEuOTA1LDE3MS45MTVsMTcxLjkwNi0xNzEuOTA5YzEyLjM1OS0xMi4zNTQsMzIuMzkxLTEyLjM1NCw0NC43NDQsMCAgIGMxMi4zNjUsMTIuMzU0LDEyLjM2NSwzMi4zOTIsMCw0NC43NTFMMjQ4LjI5MiwzNDUuNDQ5QzI0Mi4xMTUsMzUxLjYyMSwyMzQuMDE4LDM1NC43MDYsMjI1LjkyMywzNTQuNzA2eiIgZmlsbD0iI2UyZTJlMiIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
  background-size: contain;
  background-repeat: no-repeat;
}

.bounce {
    animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
}
@keyframes bounce{
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-15px);
    }
    60% {
        transform: translateY(-10px);
    }
}
/* end arrow bounce & tell me*/

/* the small text stuff */
.bekliHeader{
    font-family: "Ubuntu", Arial;
    color: #4097DB;
    font-weight: 600;
    font-size: 24px;
}
.centered {
    text-align: center;
}
.textBlock {
    text-align: left;
    padding-left: 25px;
}
.bekliText {
    font-family: "Oxygen", Arial;
    color: #4b4e55;
    font-weight: 500;
    font-size: 28px;
}
.questionFPText {
    font-family: "Ubuntu", Arial;
    font-weight: 500;
    font-size: 20px;
}
.centeredButton {
    display: block;
    margin: 0 auto;
    width: 30%;
}
.imgBlock img {
     margin: auto;
     width: 80%;
     display: block;
     margin-top:-10px;
}