.rating-bg {
    background-color: #2d2d2c;
}

.rating-bg-image {
    background-image: url(../../images/rating-bg.png);
    background-size: 100% 100%;
    background-color: #2d2d2c;
}

.rating-container {
    max-width: 800px;
    /*min-height: 300px;*/
    /*height: 150vh;*/
    margin: auto;

    padding-top: 20px;
    padding-bottom: 50px;
}

.rating-header-text-b {
    font-family: 'Font-Brand';
    font-size: 1.2em;
    font-weight: bold;
    color: #ffffff;
}

.rating-header-text-s {
    font-family: 'Font-Brand';
    font-size: 0.9em;
    font-weight: bold;
    color: #ffffff;
}

.rating-desc-text {
    font-family: 'Font-Brand';
    font-size: 0.8em;
    color: #ffffff;
}

.rating-question-text {
    font-family: 'Font-Brand';
    font-size: 1.2em;
    color: #ffffff;
}

.card-rating {
    color: #ffffff;
    background-color: #2d2d2c;
    border-color: #ffffff;
}

.btn-rating {
    color: #ffffff;
    background-color: #2d2d2c;
    border-color: #ffffff;
}
.btn-rating:hover {
    color: #2d2d2c;
    background-color: #ffffff;
    border-color: #2d2d2c;
}

.rating-result-header {
    font-family: 'Font-Brand';
    font-size: 1.3em;
    font-weight: bold;
    color: #ffffff;
}

.rating-title {
    font-family: 'Font-Brand';
    font-size: 0.8em;
    color: #ffffff;
}

.rating-title-lg {
    font-family: 'Font-Brand';
    font-size: 1.5em;
    color: #ffffff;
}

.rating-normal-text {
    font-family: 'Font-Brand';
    font-size: 0.55em;
    color: #ffffff;
}

.rating-normal-text-lg {
    font-family: 'Font-Brand';
    font-size: 1em;
    color: #ffffff;
}

.rating-info-container {
    background-color:#ffffff;
    border-radius:5px;
    padding:10px;
    line-height:1.2;
}

.rating-info-black {
    font-family: 'Font-Brand';
    font-size: 0.65em;
    color: #000000;
}

.rating-info-black-lg {
    font-family: 'Font-Brand';
    font-size: 0.8em;
    color: #000000;
}

.rating-info-grey {
    font-family: 'Font-Brand';
    font-size: 0.65em;
    color: #808080;
}

.rating-info-grey-lg {
    font-family: 'Font-Brand';
    font-size: 0.8em;
    color: #808080;
}

textarea::-webkit-input-placeholder {
    font-size: 15px;
}