h2#multi-column-form-with-pure-grids,h3 {text-align: center;}
p {text-align: center;}
a {text-decoration: none;color: blue;}
a:hover {color: red;}
.dettagli-concorso {font-weight: bold;}
label.pure-checkbox {font-style: italic;font-size: 15px;}
/*.button-submit {text-align: center;}*/
.button-submit input {padding: 10px 80px;font-size: 20px;border-radius: 10px;}
#reg,.nome-concorso{color: blue;}
input[type="checkbox"] {width: 20px;height: 20px;border-color: black;}
.desktop{display: block;}
.mobile{display: none;}
#campi-obbligatori{font-weight: bold;}



/* Hide the browser's default checkbox */
label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 7px;
  left: 3px;
  height: 25px;
  width: 25px;
  background-color: white;
  border: 2px solid black;
}

/* On mouse-over, add a grey background color */
label:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
label input:checked ~ .checkmark {
  background-color: #0078e7;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
label input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
label .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.container-label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-top: 5px;
  padding-bottom: 5px;
}
@media screen and (min-width: 48em){
		.pure-u-md-1-2, .pure-u-md-12-24 {width: 49%;}
	}
@media (max-width: 768px){
	body {padding: 0 10px;}
	.pure-u-1.pure-u-md-1-2 {width: 100%;}
	.pure-u-1.pure-u-md-1-4 {width: 50%;}
	p {text-align: left;}
	.desktop{display: none;}
	.mobile{display: block;}
	b.nome-concorso {font-size: 26px;}
}