.container.main {
    position: relative;
    top: 75px;
    height: auto;
    padding: 0 40px;
}

.category .title {
    margin: 25px 0;
 }

.message {
    color: #666666;
    font-size: .95rem;
}

.category .instruction {
    font-style: italic;
    color: #7b7b7b;
}

.rating .circle {
    width: 30px;
    height: 30px;
    background: #DC4347;
    display: inline-block;
    border-radius: 50%;
    color: white;
    margin: 0 10px;
    text-align: center;
    padding-top: 4px;
    cursor: pointer;
}

.circle:hover{
    background: #E55B5E;
}

/* Selected State */
.rating .circle.selected{
    background: #DC4347;
}


.survey-topic{
    margin : 15px;
}

.survey-topic .question {
    color: #7b7b7b;
}

.btn.submit{
    margin: 20px 0 40px 0; 
}

footer{
    position: relative;
    top: 90px;
}


/*Mobile and tablets*/
@media (max-width: 768px){
    .container.main{
        padding : 0 10px;
    }
}

/* Mobile View */
@media (max-width: 468px){
    .rating {
      float: left !important;
      margin: 10px;
    }
    .rating .circle{
        margin: 0 5px;
    }

    .category .instruction{
        float: left !important;
        margin-top: 10px;
    }

    .category-index{
        float: none !important;
    }
}