form { margin-left:auto; margin-right:auto}
fieldset { padding:1%; border:2px solid #3c9000; border-radius:8px; margin-bottom:1ex}

legend { padding:0 20px; margin-bottom:1em; font-weight:bold; color:#3c9000;}
label { cursor:pointer; display:block; max-width:99%; font-size:1.1em; margin-bottom:1em; background:rgb(245,245,245); border-radius:1ex; padding:1ex}
label span { display:inline-block; width:28%}

label #spam { 
display:inline-block; 
font-size:x-large; 
width:15%;
border:1px dashed #3c9000; 
padding:2px;
margin-right: 10px;
margin-left: 10px;
}

label #spam img{ 
width:120%;
border:1px dashed #3c9000; 
padding:2px;
margin-right: 10px;
margin-left: 10px;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
textarea { font:1em/120% Tahoma, Arial, sans-serif; color:green; width:70%}

input[type="radio"] {width:3em;}

.custom legend { padding:0 5px; margin-bottom:0.2em; font-weight:bold; color:#fff;}
.custom fieldset { padding:1%; border:2px solid #a3d700; border-radius:5px; margin-bottom:0.7ex}
.custom label span { display:inline-block; width:65%; color:black;}


@media only screen and (min-width:470px)  and (max-width:979px) {

	label span { display:block; width:100%}
	input[type="text"], input[type="email"], input[type="url"],  textarea { width:95%}

	label input[type="radio"] {width:3em;}
	.aus {display:inline;}
	
label #spam { 
display:inline-block; 
font-size:x-large; 
width:17%;
border:1px dashed #3c9000; 
padding:3px;
}
}


@media only screen and (min-width:320px)  and (max-width:469px) {
	label span { display:none}
	input[type="text"], input[type="email"], input[type="url"], textarea { width:95%}
	label span input[type="radio" ] {display:none; width:99%;}

label #spam { 
display:inline-block; 
font-size:x-large; 
width:27%;
border:1px dashed #3c9000; 
padding:3px;
}
}