* {

  box-sizing: border-box;

}



input[type=email].sponsor-form, input[type=tel].sponsor-form, input[type=number].sponsor-form, input[type=text].sponsor-form, select.sponsor-form, textarea.sponsor-form {

  width: 100%;

  padding: 12px;

  border: 1px solid #ccc;

  border-radius: 4px;

  resize: vertical;

}


input[type=checkbox].sponsor-form {
  margin-top: 20px;
}


label.sponsor-form {

  padding: 12px 12px 12px 0;

  display: inline-block;

}



input[type=submit].sponsor-form {

  background-color: #04AA6D;

  color: white;

  padding: 12px 20px;

  border: none;

  border-radius: 4px;

  cursor: pointer;

  float: right;

}



input[type=submit].sponsor-form:hover {

  background-color: #45a049;

}



.container.sponsor-form {

  border-radius: 5px;

  background-color: #f2f2f2;

  padding: 20px;

}



.col-25.sponsor-form {

  float: left;

  width: 25%;

  margin-top: 6px;

}



.col-50.sponsor-form {

  float: left;

  width: 60%;

  margin-top: 6px;

}



.col-75.sponsor-form {

  float: left;

  width: 75%;

  margin-top: 6px;

}



/* Clear floats after the columns */

.row.sponsor-form:after {

  content: "";

  display: table;

  clear: both;

}



/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */

@media screen and (max-width: 600px) {

  .col-25.sponsor-form, .col-75.sponsor-form, input[type=submit].sponsor-form {

    width: 100%;

    margin-top: 0;

  }

}

.only-print {
  display: none !important;
}