@charset "UTF-8";
/* CSS Document */

  body {font-family: 'Roboto', arial, sans-serif; background-color: #ffffff;}
  h1 {font-family: 'Rajdhani', arial, sans-serif; font-size: 30px; text-align: center;}
  h2 {font-family: 'Rajdhani', arial, sans-serif; font-weight: 500; font-size: 18px; text-transform: uppercase; margin-top: 20px; margin-bottom: 0px;}
  p.disclaimer {font-family: 'Roboto', arial, sans-serif; font-size: 14px; color: #1C232B; font-weight: 300; padding: 0 20px;}
  .accept {font-weight: 400;}
  .required {font-family: 'Roboto', arial, sans-serif; font-size: 14px; color: #818A91; text-align: center; font-weight: 600;}
  input[type=text], input[type=url], input[type=email], input[type=tel], textarea {width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; resize: vertical; font-family: 'Roboto', arial, sans-serif; font-size: 14px;font-weight: 300;}
  select {height: 43px; background-color: #ffffff; color: #000000; width: 100%; padding: 12px; border: 1px solid #ccc; box-sizing: border-box; resize: vertical; font-size: 14px;font-weight: 300; font-family: 'Roboto', arial, sans-serif;}


  /* Style the label to display next to the inputs */
  label {padding: 12px 12px 6px 0; display: inline-block;font-size: 14px; color: #373A3C; font-family: 'Roboto', arial, sans-serif; font-weight: 300;}

  /* Style the submit button */
  input[type=submit] {width: 100%; background-color: #4989C8; color: white; font-size: 15px; font-weight: 700; text-transform: uppercase; padding: 12px 20px; border: none; border-radius: 8px; cursor: pointer;}
  
  /* Style the container */
  .container {margin: 0 auto; border-radius: 15px; background-color: #ffffff; padding: 10px 20px;   box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, 0.2);}

    .col-25 {float: left; width: 24%; margin-top: 6px; padding-right: 1%;}

  /* Floating column for labels: 50% width */
  .col-50 {
    float: left; width: 49%; margin-top: 6px; padding-right: 1%;}

  /* Floating column for inputs: 75% width */
  .col-75 {float: left;  width: 74%;  margin-top: 6px;  padding-right: 1%;}

  /* Floating column for inputs: 100% width */
  .col-100 {float: left;  width: 99%;  margin-top: 6px;  padding-right: 1%;}

  /* Clear floats after the columns */
  .row: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, .col-50, .col-75, .col-100, input[type=submit] {width: 100%; margin-top: 0; padding-right: 0;}
    h1 {font-size: 28px;}
  }