.field-full, .field-small, .field-half, 
.field-ddmm, .field-yyyy,
.area-full, .area-half {
padding: 0.5em 1%;
margin-bottom: 0.5em;
border: 1px solid #999999;
font-family: sans-serif;
background-color: rgba(255, 255, 255, 0.75);
box-sizing: border-box !important;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
        box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
}

.area-full, .area-half {
resize: none;
}

.button {
display: inline-block;
margin: 0 0.25em 0 0;
cursor: pointer;
}

.button, .button a, .button a:focus, .button a:visited {
padding: 4px 8px;
background-color: #006A56;
color: #ffffff;
white-space: nowrap !important;
border: 3px solid #ffffff;
-webkit-border-radius: 10px;
   -moz-border-radius: 10px;
        border-radius: 10px;
transition: all 0.3s ease-in-out;
}

.button:disabled {
background-color: #dddddd !important;
color: #666666 !important;
cursor: default !important;
}

.button:hover, .button a:hover, .button a:active {
background-color: #02977C;
color: #ffffff;
}

form select {
background-color: #ffffff !important;
color: #666666;
}

optgroup {
margin: 0.5em 0;
}

p.error { font-weight: bold; color: #c00; }
p.success { font-weight: bold; color: #090; }
p.hint { font-style: italic; }

p.errorfield { font-weight: bold; color: #c00; }
p.errorfield input { border: 2px solid #c00; }

iframe {
display: block;
margin: 1em auto;
border: none;
}

input[type="checkbox"] {
transform: scale(2);
transform-origin: top left;
margin: 0 20px 30px 0;
vertical-align: top;
}

input[type="button"], input[type="submit"] {
padding: 2px 8px;
cursor: pointer;
}

input[type="checkbox"] {
transform: scale(2);
transform-origin: top left;
margin: 0 20px 30px 0;
vertical-align: top;
}
input::placeholder,
textarea::placeholder {
color: #666666 !important;
}

.checkds {
margin: 20px 0 40px;
padding: 20px 20px 0 20px;
border: 2px solid #8EBF1F;
line-height: normal;
}

.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}



@media screen and (max-width: 768px) {
  form input, form select, form textarea, form button { font-size: 1.5rem; }
  .field-full, .checkds { width: 100%; }
  .field-half { width: 48%; }
  .field-small { width: 6em; }
  .field-ddmm { width: 3em; margin-right: 1%; }
  .field-yyyy { width: 5em; margin-right: 1%; }
  .area-full { width: 100%; height: 240px; }
  .area-half { width: 96%; height: 4em; }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  form input, form select, form textarea, form button { font-size: 1.5rem; }
  .field-full, .checkds { width: 720px; }
  .field-half { width: 40%; margin-right: 1%; }
  .field-small { width: 6em; margin-right: 1%; }
  .field-ddmm { width: 3em; margin-right: 1%; }
  .field-yyyy { width: 5em; margin-right: 1%; }
  .area-full { width: 720px; height: 280px; }
  .area-half { width: 80%; height: 5em; }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  form input, form select, form textarea, form button { font-size: 1.5rem; }
  .field-full, .checkds { width: 720px; }
  .field-half { width: 30%; margin-right: 1%; }
  .field-small { width: 6em; margin-right: 1%; }
  .field-ddmm { width: 3em; margin-right: 1%; }
  .field-yyyy { width: 5em; margin-right: 1%; }
  .area-full { width: 720px; height: 280px; }
  .area-half { width: 60%; height: 5em; }
}

@media screen and (min-width: 1280px) and (max-width: 1536px) {
  form input, form select, form textarea, form button { font-size: 1.5rem; }
  .field-full, .checkds { width: 800px; }
  .field-half { width: 30%; margin-right: 1%; }
  .field-small { width: 6em; margin-right: 1%; }
  .field-ddmm { width: 3em; margin-right: 1%; }
  .field-yyyy { width: 5em; margin-right: 1%; }
  .area-full { width: 800px; height: 320px; }
  .area-half { width: 60%; height: 5em; }
}

@media screen and (min-width: 1536px) {
  form input, form select, form textarea, form button { font-size: 1.9rem; }
  .field-full, .checkds { width: 800px; }
  .field-half { width: 30%; margin-right: 1%; }
  .field-small { width: 6em; margin-right: 1%; }
  .field-ddmm { width: 3em; margin-right: 1%; }
  .field-yyyy { width: 5em; margin-right: 1%; }
  .area-full { width: 800px; height: 320px; }
  .area-half { width: 60%; height: 5em; }
}