* {

  box-sizing: border-box;

}



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

  width: 100%;

  padding: 12px;

  border: 1px solid #ccc;

  border-radius: 4px;

  resize: vertical;

}



label.entry-form {

  padding: 12px 12px 12px 0;

  display: inline-block;

}



input[type=submit].entry-form {

  background-color: #04AA6D;

  color: white;

  padding: 12px 20px;

  border: none;

  border-radius: 4px;

  cursor: pointer;

  float: right;

}



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

  background-color: #45a049;

}



.container.entry-form {

  border-radius: 5px;

  background-color: #f2f2f2;

  padding: 20px;

}



.col-25.entry-form {

  float: left;

  width: 25%;

  margin-top: 6px;

}



.col-50.entry-form {

  float: left;

  width: 60%;

  margin-top: 6px;

}



.col-75.entry-form {

  float: left;

  width: 75%;

  margin-top: 6px;

}



/* Clear floats after the columns */

.row.entry-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.entry-form, .col-75.entry-form, input[type=submit].entry-form {

    width: 100%;

    margin-top: 0;

  }

}

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