input[type=text], [type=email]{ float: left; margin-left: 4%; margin-right: 4%; margin-bottom: 1%; width: 92%; border: 1px solid #ccc; 
                   border-radius: 4px; padding: 12px 6px; font-family: Verdana, Geneva, Tahoma, sans-serif; }

input[type="date"], select { background-color: white; padding: 12px 5px; top: 50%; left: 50%;
                             font-family: Verdana, Geneva, Tahoma, sans-serif; color: black; font-size: 16px;border: none;
                             outline: none; border-radius: 4px; float: left; margin-left: 4%; }

input[type=checkbox] { margin-left: 4%; float: left; margin-top: 2%;}

textarea { margin-left: 4%; margin-right: 4%; margin-bottom: 1%; width: 92%; border: 1px solid #ccc; border-radius: 4px;
           font-family: Verdana, Geneva, Tahoma, sans-serif; padding: 12px 6px; }

.labeltext { margin-left: 4%; margin-top:2%; width: 96%; float: left; }

.labelcheckbox { float: left; background-color: white; margin-top: 2%; width: 87%; padding: 5px 5px; border-radius: 4px; }

button { float: left; cursor: pointer; margin-left: 4%; margin-top: 2%; margin-bottom: 2%; border: 2px solid black; 
         background-color: #ffff00; border-radius: 4px; padding: 12px 10px; font-size: 17px;}

button:hover { background-color: #b8b814; }

/*********/

.spiegazione { margin-top: 2%; margin-left: 20%; margin-right: 20%; border: 3px solid #292929; border-radius: 10px; 
               background-color: grey; color: white; padding: 10px 12px;}

/******/ 

.mydivtrue { margin-left: 4%; margin-right: 4%; margin-top: 2%; width: 92%; padding: 10px 8px; overflow: hidden; 
             background-color: green; color: white; text-align: center; border-radius: 4px; }

.mydivfalse { margin-left: 4%; margin-right: 4%; margin-top: 2%; width: 92%; padding: 10px 8px; overflow: hidden; 
              background-color: red; color: white; text-align: center; border-radius: 4px; }



@media only screen and (max-width: 1200px) 
{
    input[type=text], [type=email]{ margin-left: 2%; margin-right: 2%; width: 94%; padding: 8px 1%; }

    input[type="date"], select { margin-left: 2%; }

    input[type=checkbox] { margin-left: 2%; }

    textarea { margin-left: 2%; margin-right: 2%; margin-bottom: 1%; width: 94%; border: 1px solid #ccc; border-radius: 4px;
            font-family: Verdana, Geneva, Tahoma, sans-serif; padding: 12px 1%; }

    .labeltext { margin-left: 3%; }

    .labelcheckbox { margin-left: 2%; }

    button { float: left; cursor: pointer; margin-left: 4%; margin-top: 3%; margin-bottom: 2%; background-color: #ffff00; border-radius: 4px; padding: 12px 10px; }
    
    button:hover { background-color: #b8b814; }

    /*********/

    .spiegazione { margin-bottom: 4%; margin-top: 4%; margin-left: 10%; margin-right: 10%; border: 3px solid #292929; border-radius: 10px; 
                background-color: grey; color: white; padding: 10px 12px;}

    /******/ 

    .mydivtrue { margin-left: 2%; margin-right: 2%; margin-top: 4%; width: 90%; padding: 10px 3%; overflow: hidden; 
                background-color: green; color: white; text-align: center; border-radius: 4px; }

    .mydivfalse { margin-left: 4%; margin-right: 4%; margin-top: 2%; width: 92%; padding: 10px 8px; overflow: hidden; 
                background-color: red; color: white; text-align: center; border-radius: 4px; }
}