/*STYLE GUIDE - FRONT PAGE

    LIGHT LINK PURPLE = #D770FF
    LESS DARK PURPLE = #331946; #3C1B48 (similarlyRatedScroll)
    DARK PURPLE = #0D0711 (nav); #110B15 (bg); #190D20 (loadingScreen)
    WHITE = #FFFFFF

    SCARY PURPLE = #8439A1 (lighter version in gradient is #D14DB1)
    CREEPY GREEN = #20BF55
    GORY RED = #FF331F
    JUMPY ORANGE = #E6AF2E

*/

.informationText {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.1em;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 1.2;
}

.headlineText {
    font-family: 'Oswald', sans-serif;
    font-size: 2.6em;
    text-align: center;
    margin-bottom: 15px;
}

.bodyText, .metersContainer {
    margin-bottom: 30px;
}

.textLink {
    text-decoration: underline;
    color: #FFFFFF;
}

.textLink:hover {
    color: #A5A5A5;
}

.meterRatingBarLabel {
    color: #FFFFFF;
    font-size: 1.3em;
    font-family: 'Oswald', sans-serif;
    float: left;
}

.ratingNumber {
    font-size: 1.3em;
    font-family: 'Oswald', sans-serif;
    text-align: right;
}

.progress {
    margin: 2px 0px 0px 0px;
    height: 10px;
    background: transparent;
}

.progress-bar {
    box-shadow: none;
    font-size: 15px;
    padding-top: 6px;
    text-align: right;
    padding-right: 7px;
}

.overallProgressBar {
    background-image: linear-gradient(to right, #8439A1, #D14DB1);
}

.creepyProgressBar {
    background-color: #20BF55;
    border-radius: 5px;
}

.goryProgressBar {
    background-color: #FF331F;
    border-radius: 5px;
}

.jumpyProgressBar {
    background-color: #E6AF2E;
    border-radius: 5px;
}

.subHeadline {
    font-family: 'Oswald', sans-serif;
    font-size: 1.7em;
    margin-top: 45px;
    margin-bottom: 10px;
}

.rateboxImage {
    width: 50%;
    height: auto;
    margin: auto;
    margin-top: 25px;
    display: block;
}












/*Responsive CSS (minimum size is 320px and maximum is 720px)*/



/*End of responsive CSS*/