body{font-family:Helvetica, sans-serif;}	
img, input[type=image]{-webkit-filter: grayscale(100%);filter: grayscale(100%);float:left;}
img:hover, input[type=image]:hover{-webkit-filter: grayscale(1%);filter: grayscale(1%);}
#main{border:solid 1px #dddddd;width:916px;height:auto;margin:0 auto;text-align: center;margin-top:3%;padding:23px;}
#main h1{font-size:1.7rem;width:78%;margin:0 auto;}
#main p{}
.stars{width:505px;text-align: center;margin:0 auto;margin-top:56px;margin-bottom:56px;}
.footer{text-align: center;font-size:1.2rem;}
.clear{clear:both;}

.inner{margin-top:65px;}

.alignleft{float: left;margin:10px;}
.alignright{float: right;margin:10px;}
.alignnone{float: none;margin:10px;}

input[type=text], select,textarea {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type=submit] {
  width: 100%;
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}

textarea{ width: 100%; height:160px; }

@media screen and (max-width:40em){
  #main{width:100%;height:auto;margin:0;margin-top:15px;padding:3px;}
  .stars{width:100%;height:auto;margin:0 auto;margin-top:16px;margin-bottom:16px;margin-left:15px;}
  .stars a img{width:65px;}

  .alignleft{float: none;margin: 0;clear: both;width: 100% !important;height: auto;margin-bottom:15px;}
  .alignright{float: none;margin: 0;clear: both;width: 100% !important;height: auto;margin-bottom:15px;}
  .alignnone{float: none;margin: 0;clear: both;width: 100% !important;height: auto;margin-bottom:15px;}
  .sharethis-inline-share-buttons{}
}