@font-face { font-family: Codec; src: url('fonts/CodecPro-Regular.ttf'); } 

body {
	font-family:'Codec', 'Helvetica', sans-serif;
	background:#e2e2e2;
	margin:0;
	padding:0;
	width:100%;
	text-align:center;
	font-size:18px;
	line-height:26px;
}

#whole-content {
	width:100%;
	max-width:1280px;
	margin:0 auto;
	background:#fff;	
}

#address {
	background:#000;
	color:#fff;
	text-align:right;
	padding:10px 10px;
	font-size:14px;
}

h2, h3 {
	font-weight:bold;
	text-transform:uppercase;
	color:#000;
}

h3 {
	font-size:30px;
	line-height:38px;
	font-weight:900;
	margin-bottom:0;
	margin-top:18px;
}

#page-content {
	margin:0 auto;
	padding-bottom:80px;
}

#page-content p {
	font-size:24px;
	line-height:32px;
	text-align:left;
	padding:0 4%;
}

#logo {
	text-align:left;
	width:100%;
	padding:20px 0;
}

img.logo {
	width:60%;
	max-width:400px;
	min-width:300px;
	margin-left:20px;
}

.full-content {
	width:95%;
	margin:20px auto;
	padding:2% 0;
}

#half-sections {
	display:flex;
	justify:space-between;
	flex-wrap:wrap;
	align-items: stretch;
	gap:40px;
}

.half-page {
	flex:1;
	margin:20px auto;
	text-align:center;
	align-items: stretch;
}

.half-content {
	flex:2;
	width:100%;
	margin:0 auto;
	text-align:center;
}

.half-content-text {
	min-height:200px;
}

.full-img {
	display:block;
	width:100%;
	margin:0 auto;
	padding:0;
}

.cta {
	display:block;
	width:70%;
	min-width:200px;
	margin:0 auto;
	text-align:center;
	padding:10px 20px;
	background:#f31910;
	color:#fff;
	text-decoration:none;
	border-radius:24px;
	text-transform:uppercase;
}

.special-red {
	display:block;
	width:100%;
	color:#fff;
	background:#f31910;
	padding:20px 0;
	font-weight:normal;
	border-radius:36px;
}

.headline-text {
	display:block;
	width:100%;
	margin:0 auto;
}

form {
	display:block;
	width:100%;
	background:#e2e2e2;
	border-radius:24px;
	margin-bottom:40px;
	padding:40px 0;
	text-align:center;
}

form .form-content {
	width:90%;
	margin:0 auto;
}

form .text-input{
	padding:0 3%;
	color:#000;
	border: none;
	outline: none;
	border-radius:12px;
	padding:10px 0;
	margin:0 auto;
}
form .text-input label{
	display:block;
	text-align:left;
}
form .text-input input{
	display:block;
	width: 98%;
	border: none;
	outline: none;
	border-radius:12px;
	padding:16px 1%;
	margin:0 auto;
}
form .dropdown select{
	display:block;
	width: 100%;
	border: none;
	outline: none;
	border-radius:12px;
	padding:16px 1%;
	margin:0 auto;
}
form .text-input textarea{
	display:block;
	width: 98%;
	border: none;
	outline: none;
	border-radius:12px;
	padding:16px 1%;
	margin:0 auto;
}
form .flex-fields {
	display:flex;
	justify:space-between;
	flex-wrap:wrap;
	text-align:left;
	gap:20px;
	justify-content:flex-start;
}
form .half-input {
	flex-grow:1;
}
form .half-input input {
	padding:16px 1%;
}
form input[type='submit']{
	background: #000;
	border-radius: 24px;
	border:none;
	color: #fff;
	font-weight:bold;
	width: 30%;
	min-width:300px;
	margin-top: 20px;
	padding: 16px 0;
	text-transform: uppercase;
}
form input[type='submit']:hover{
	background: #666;
	cursor:pointer;
}

#disclaimer {
	display:block;
	width:100%;
	text-align:left;
	margin-top:20px;
	font-size:14px;
	line-height:18px;
}

.policy {
	display:block;
	padding-top:20px;
	font-size:14px;
	line-height:18px;
}

@media only screen and (max-width: 500px) {
  #address {
	text-align:center;;
  }
  .half-content {
	  width:98%;
  }
  .half-content-text {
	  min-height:150px;
  }
}

@media only screen and (max-width: 800px) and (min-width: 501px) {
	.half-content-text {
		min-height:350px;
	}
}