.pageForm label, .pageForm span{
	padding: 0 10px;
}
.pageForm .row-responsive{
	width: 100%;
	clear: left;
}
.pageForm .fLeft, .contentHolder .pageForm input[type="text"], .contentHolder .pageForm input[type="email"]{
	width: 20%;
}
.contentHolder .pageForm input[type="text"].phone{
	width: 10%;
}
.pageForm .validationImage{
	float: left;
}
.pageForm span.fLeft{
	padding: 0 2px;
}
.pageForm [readonly="readonly"]{
	pointer-events: none;
	background-color: #EEE;
}
img.shrink{
	max-width: 15px;
	height: auto;
}
img.faceSize{
	max-width: 50px;
	height: auto;
}
.pageForm [class*="feeling"] .grid12 {
	margin-bottom: 1em;
	position: relative;
	width: 20%;
}
.pageForm [class*="feeling"] label {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}
.pageForm [class*="feeling"] input {
	position: absolute;
	left: calc(50% - 5px);
	top: 100%;
	margin: 0;
	margin-bottom: 5px;
}
.pageForm [class*="feeling"] img {
	z-index: 1;
	display: block;
	margin: 25px auto;
	margin-bottom: 5px;
	padding: 2px;
	max-width: 100px;
}
.invisible{
	display: none;
}

@media only screen and (max-width:768px) {
	.pageForm .fLeft, .contentHolder .pageForm input[type="text"], .contentHolder .pageForm input[type="email"] {
		width: 100%;
	}
	.contentHolder [class*="feeling"] div[class^="grid"] > label {
		margin: 0;
	}
	.pageForm [class*="feeling"] .grid12 {
		margin-bottom: 2em;
		width: 20%;
	}
	.pageForm [class*="feeling"] img {
		max-width: 100%;
	}
}

@media only screen and (max-width:481px) {
	.pageForm .fLeft, .contentHolder .pageForm input[type="text"], .contentHolder .pageForm input[type="email"] {
		width: 100%;
	}
}