body {
  font-family: Heebo, sans-serif;
}

.card {
  margin-top: 10px;
  border-style: none;
}

.card-text {
  line-height: 1em;
  font-size: calc(.6em + .6vw);
  margin-bottom: 10px;
}

.card-body {
  border-radius: 8px;
  border: 2px solid rgb(130,130,130);
  padding: 10px;
}

.card-title {
  font-size: calc(.6em + .6vw);
}

a {
  color: #29A6F9;
}

a:hover {
  color: #29A6F9;
}

.col.intro {
  line-height: 1.1em;
  padding: 16px;
  border-radius: 8px;
  background: #828282;
  color: rgb(255,255,255);
  border-width: 0px;
  border-style: solid;
  margin-top: 4px;
  font-size: calc(.75em + .5vw);
}

.btn.btn-primary {
  margin-top: 10px;
  border-radius: 32px;
  min-width: 200px;
  min-height: 40px;
  background: #29A6F9;
  border-style: none;
  margin-bottom: 10px;
}

.footer {
  background: #474747;
  color: #ffffff;
  text-align: center;
  min-height: 2em;
  padding-top: 20px;
  padding-right: 10px;
  padding-bottom: 20px;
  padding-left: 10px;
}

.orangebar {
  background: #29A6F9;
  height: 2vw;
}

.form-check.d-inline {
  margin-right: 10px;
  margin-left: 10px;
}

.col-md-6.text-center.text-sm-center.text-md-left.text-lg-left.text-xl-left.align-self-center.logo {
  margin-top: 10px;
  margin-bottom: 1vw;
}

.titolo {
  margin-bottom: 1vw;
  color: #828282;
  font-weight: bold;
  font-size: calc(1em + .8vw);
}

.radiobox {
  text-align: center;
}

input[type="checkbox"] + label:before {
  padding: 8px;
  border: 0px;
  background-color: #e7e6e7;
}

input[type="checkbox"]:checked + label:after {
  background-color: rgb(255,102,0);
  border-radius: 2px;
  border: 0;
}

input[type="radio"] + label:before {
  padding: 8px;
  border: 0;
  background-color: #e7e6e7;
}

input[type="radio"]:checked + label:after {
  background-color: rgb(255,102,0);
  border-radius: 50%;
  border: 0;
}