.feedback {
}

.feedback h2 {
	color: #333333;
	text-align: center;
	font-size: 1.3rem;
	margin-bottom: .5rem;
}

.feedback .answer {
	text-align: center;
}

.feedback .answer label {
	display: inline-block;
}

.feedback .answer label .indicator {
	display: inline-block;
    padding: .25rem .5rem;
    border: 1px solid #333333;
    background: #fff;
    border-radius: 2rem;
    min-width: 100px;
    margin: 0 .5rem;
    font-size: 1.2rem;
    cursor: pointer;
}

.feedback .answer label .indicator:hover, .feedback .answer label input:focus + .indicator {
	border: 1px solid blue;
	box-shadow: 0 0 2px rgba(0,0,255,1);
	transform: scale(1.05);
}

.feedback .answer label .indicator em {
	font-size: 24px;
}

.feedback .answer label input:checked + .indicator.good {
	border: 1px solid #000;
	background: #09a952;
	color: #fff;
}

.feedback .answer label input:checked + .indicator.bad {
	border: 1px solid #000;
	background: #a90909;
	color: #fff;
}

.feedback .more-info {
	margin-top: 1.5rem;
}

.feedback .form-control {
	width: 100%;
	border: 1px solid #333333;
	border-radius: .25rem;
	padding: .5rem;
}

.feedback button {
	font-size: 1.2rem;
	font-weight: bold;
	border-radius: .25rem;
	padding: .5rem 1rem;
}

@media (max-width:991px){
	.feedback{
		display: none;
	}
}