@media only screen and (min-width: 480px) {
  /* Styles for wide mobiles (480px) and above */
}

@media only screen and (min-width: 768px) { 
  /* Styles for tablets/netbooks (768px) and up */
}  
@media only screen and (min-width: 1024px) { 
  /* Styles for large screens (desktops 1024px) and above */
  #captcha {
  	min-width: 8em;
  }
}

#contact_form textarea {
  border-radius: 5px;
	font-size: 1.23rem;
	line-height: 1.23rem;
  width: 100%;
  min-height: 16rem;
	max-width: 84vw;
}

#contact_form textarea:focus {
	background-color: #e9ff7a;
}
#contact_form #quiz {
  width: 8rem;
}
#contact_form .quiz {
    max-width: 3.4rem;
    margin-left: 0.6rem;
}
input[type="checkbox"] {
	width: 1rem !important;
}
input#consent {
  margin: .64rem;
}
contact_msg span.success {
  border-radius: 5px;
  color: green;
 font-size: 1.42em;
}
#contact_msg span.success {
  color: green;
  border-radius: 5px;
  font-size: 1.4em;
}
#contact_msg span.error {
  color: red;
}

#captcha {
  background-color: yellow;
  color: black;
  padding: .1em .4em;
  display: inline-block;
  border-radius: 5px;
 }
img#reload {
  width: 1.8em;
  margin: 0px .3em -0.5em;
  padding: 0px;
}
a.reload {
  border-radius: .3em;
  padding: .23em 0;
}

.extra_space {
  display: inline-block;
  text-align: center;
  width: 0.8em;
  padding: 0.1em;
  font-size: 1.2em;
}

#child_value { padding-right: 1.28em; }
.extra_space { max-width: 1.2em; display: inline-block; text-align: center; width: 0.8em; padding: 0.1em; }
.extra_space span {  max-height: 0.9em; }
.zdiver { top: .2em; display: inline-block;font-weight: lighter; position: relative; font-size: 1.6em;}
.zover { top: .1em; display: inline-block;font-weight: lighter; position: relative; font-size: 1.6em;}
.zover2 { top: .1em; display: inline-block; font-weight: lighter; position: relative; font-size: 1.4em; margin-left: 0.02em;}

.zz0  { transform: rotate(90deg); }
.zz1  { transform: rotate(180deg); }
.zz2  { font-weight: bold; }
.zz3  { font-weight: bold; margin-top: 0.1em; }
.zz4  { max-width: 0.1em; }
.zz5  { max-width: 0.1em; color: #fff;  }
.zz6  { display: none;  }
.zz7  { margin-left: 0.02em; } 
.zz8 { transform: scaleX(-1); font-size: 1.3em;}
.zz9  { transform: rotate(90deg); font-size: 1.2em;}
.zz10 { transform: rotate(180deg); max-width: 0.1em; }
.zz11 { font-weight: lighter; margin-top: 0em; font-size: 1.33em; }
.zz12 { font-size: 1.6em; max-height: 2em;}
.zzz { line-height: 1.6em; width: 100%;}