.feedback-info p {
	font-size: 1.25em;
	padding: 1em 0;
}

.rating {
    border-bottom: 1px dotted #ccc;
}

.rating legend {    
    /*! width: 62%; */
    max-width: 380px; 
    margin-bottom: 0;
}

@media screen and (min-width: 500px){
    .rating legend {    
        width: 50%;
        margin-bottom: -37px;
    }
    
}

@media screen and (min-width: 768px){
    .rating legend {    
        margin-bottom: -37px;
    }
    
}

@media screen and (min-width: 1040px){
    .rating legend {    
        width: 70%;
    }
    
}

.rating:not(:checked) input {
    position:absolute;
    top:-9999px;
    clip:rect(0,0,0,0);
}

.rating:not(:checked) label {
    float:right;
    width:1em;
    padding:0 .05em .5em 0;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:240%;
    line-height:1.2;
    color:#ddd;
}

.rating:not(:checked) label:before {
    content: '★ ';
    content: '\2605';
    padding-right: .5em;
}

.rating  input:checked ~ label {
	color: gold;

}

.rating:not(:checked) label:hover,
.rating:not(:checked) label:hover ~ label {
    color: gold;
}

.rating  input:checked + label:hover,
.rating  input:checked + label:hover ~ label,
.rating  input:checked ~ label:hover,
.rating  input:checked ~ label:hover ~ label,
.rating  label:hover ~ input:checked ~ label {
    color: #ea0;
}

.rating > label:active {
    position:relative;
}

.feedback input + br + label {
    margin-top: 1rem;
  
}

.feedback input[type="submit"]:hover,
.feedback input[type="submit"]:focus{
	background-color: #d7e9f8;
}