.validity::after {
 	padding-left: -4px;
}

input:invalid + .validity::after {
	content: "✖";
	color: #00FF33;  
}

input:valid + .validity::after {
	content: "✓";
	font-display: block;
	color:#e7e36d;
}

select:invalid + .validity::after {
	content: "✖";
	color: #00FF33;
	margin-left: 18px;  
}

select:valid + .validity::after {
	content: "✓";
	font-display: block;
	color:#e7e36d;
	margin-left: 18px;
}

.validity2 {  
	color: #00FF33;
	padding-left: 3px;	
}

.validity3 {  
	color: #00FF33;	
	margin-left: 13px;
}

.validity4 {  
	color:#e7e36d;	
	margin-left: 13px;
}

.validity6 { 	
	color: #00FF33;
	margin-left: 18px;	
}

select:invalid + .validity5::after {
	content: "✖";
	color: #00FF33;
	margin-left: 18px;
}

select:valid + .validity5::after {
	content: "✓";
	font-display: block;
	color:#e7e36d;
	margin-left: 18px;	
}

@media only screen and (max-width: 720px) and (min-width: 540px){  
	.validity5 {			
	 	margin-right: 12%;			
	}
	.validity5::after {
	 	margin-right: 12%;			
	}
	.validity6 {		
	 	margin-right: 12%;		
	}
}