body{background:url(../images/desktop.jpg) no-repeat -220px -280px;font:14px/1.6em Roboto,sans-serif}p{margin:0}.box,.green,.red,header{color:#fff}.box,header{background-color:#37474f}header{line-height:64px;padding:20px;border-bottom:#00c853 3px solid}.container{width:80%;margin:auto}.clr{clear:both}.box,.box-body,.box-header{border:#fff 1px solid}.box,textarea{box-sizing:border-box}.box{width:50%;padding:20px;margin:64px auto}.box-header{padding:10px;border-bottom:none}.box-header p{font-size:15px;font-weight:700}.box-body,.box-body p{margin-bottom:20px}.box-body{padding:20px 10px}.box-footer{text-align:center}.button,textarea{width:100%}textarea{padding:6px 12px;margin:10px 0;border-radius:4px;resize:none}.button{padding:10px 0;cursor:pointer;border:none}.green{background-color:#00c853}.red{background-color:#d32f2f}.white{background-color:#fff;color:#000}#branding,#contact{width:50%;float:left}#branding p{text-transform:uppercase;font-size:24px}#branding p span{color:#00c853}#contact p{float:right}.rating-selection input{display:none}.rating-selection label{cursor:pointer}.rating-selection label:before,.rating-selection:hover label[for]:before{color:#ffcf02}.rating-selection label:before{content:"★";font-size:48px;letter-spacing:6px}.rating-selection input:checked+label~label:before,.rating-selection:hover label:hover~label:before{color:#aaa}@media (max-width:768px){.container{width:90%}.box-body,header{text-align:center}header{line-height:26px}#branding,#contact,.box{width:100%}#contact p{float:none;font-size:12px}#contact p span{display:none}.rating-selection label:before{font-size:38px;letter-spacing:4px}#ratingText{display:block}}