html {overflow-y: scroll;}

body {background: #ffffff;}

p {margin: 10px 4% 10px 4%; padding: 0; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 20px; font-weight: 400; color: #444444; text-align: left;}
.gap {margin: 5px 5% 5px 5%; padding: 0; font-family: 'Open Sans', sans-serif; font-size: 11px; line-height: 16px; font-weight: 400; color: #444444; text-align: left;}
.centred {margin: 10px 4% 10px 4%; padding: 0; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 20px; font-weight: 400; color: #444444; text-align: center;}

h1 {margin: 10px 4% 15px 4%; padding: 0; font-family: 'Ubuntu', sans-serif; font-size: 29px; line-height: 34px; font-weight: 500; color: #444444; text-align: left;}
h2 {margin: 25px 4% 10px 4%; padding: 0; font-family: 'Ubuntu', sans-serif; font-size: 24px; line-height: 29px; font-weight: 300; color: #21735b; text-align: left;}
h3 {margin: 15px 4% 5px 4%; padding: 0; font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: 23px; font-weight: 600; color: #555555; text-align: left;}
h4 {margin: 5px 4% 20px 4%; padding: 0; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 21px; font-weight: 400; color: #666666; text-align: left;}

.link {font-size: 12px; font-weight: 600; color: #ab4221; text-decoration: none;}
a:hover {color: #d97151; cursor: pointer;}

hr {margin: 10px 4% 0px 4%; padding-bottom: 5px; height: 0; border: 0; border-top: 1px solid #999999;}
.dashed {padding-bottom: 0px; border-top: 1px dashed #999999;}

.page {clear: both; padding: 5px 0px 5px 0px; margin-left: auto; margin-right: auto; max-width: 600px; border-left-width: 1px; border-left-style: solid; border-left-color: #999999; border-right-width: 1px; border-right-style: solid; border-right-color: #999999; background: #ffffff; background-image: url('background.png'); background-position: 60% 0; background-repeat: no-repeat;}

.logo {max-width: 100%; display: block; margin: 0 auto 0 auto;}
.book {max-width: 100%; display: block; margin: 0 auto 20px 0; border: 1px solid #999999;}
.social {vertical-align: text-top;}

form {margin: 0 auto 0 auto; width: 233px;}

label {font-family: Open Sans, sans-serif; font-size: 13px; line-height: 23px; font-weight: 400; color: #21735b;}

input {width: 225px; height: 30px; background-color: #ffffff; -moz-appearance: none; -moz-border-radius: 5px; -webkit-appearance: none; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #444444; padding-left: 5px; margin-top: 2px; margin-bottom: 9px; font-family: Open Sans, sans-serif; font-size: 12px; color: #444444;}

textarea {width: 225px; height: 250px; background-color: #ffffff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #444444; padding-left: 5px; padding-top: 5px; margin-top: 2px; margin-bottom: 9px; font-family: Open Sans, sans-serif; font-size: 12px; color: #444444; resize: vertical;}

input[type=checkbox] {visibility: hidden;}

#custom-select select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  /* Style the dropdown box */
  height: 40px; 
  width: 100%;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #444444;
  padding: 10px;
  margin-top: 3px;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  background-color: #ffffff;
  color: #444444;
}

.prompt {font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 17px; font-weight: 400; color: #21735b; text-align: center;}

.checkbox {width: 30px; height: 30px; background: #444444; margin: 15px auto 15px auto; border-radius: 5px; position: relative;}

.checkbox label {display: block; width: 30px; height: 30px; border-radius: 5px; transition: all .5s ease; cursor: pointer; position: absolute; top: 0; left: 0; background: #d97151;}

.checkbox input[type=checkbox]:checked + label {background: #ab4221;}

#submit {width: 233px; height: 30px; color: #ffffff; font-weight: 700; background-color: #ab4221; text-align: center; border: none; margin-top: 7px; margin-bottom: 15px; cursor: pointer;}