#contact-hero {
  width:100%;
  min-height:50vh;
  padding:top:180px;
  display:flex;
  align-items:center;
  justify-content: center;
  background-color:#0C243E;
  background-image:url('../images/dotted-icon-blue1.png');
  background-size:contain;
  background-repeat:no-repeat;
  background-position:right 10% center;
  animation: animatedBackground 3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 90% 0; }
}

#contact-hero .boxed div {
  transform:translateY(30px);
}

#contact-hero h1, #contact-hero h2 {
  color:#FE5F55;
  margin-bottom:0;
  margin-top:40px;
}

#contact-hero p {
  color:#ffffff;
  font-size:2em;
  margin-top:0;
}

#contact-hero a, #contact-hero a:hover, #contact-hero a:focus, #contact-hero a:visited {
  text-decoration: none;
  color:#ffffff;
}

#contact-content a, #contact-content a:visited {
  color:#074C85;
  text-decoration:none;
}

#contact-content a:hover, #contact-content a:focus {
  color:#FE5F55;
}

form placeholder { font-size:16px; }

input[type="text"], input[type="email"] {
	padding:20px;
	width:100%;
	border-radius:2px;
	border:1px solid #cccccc;;
	font-family:'Campton Book', sans-serif;
	font-weight:400;
  font-size: clamp(
    var(--fluid-type-min, 1rem),
    calc(1rem + var(--fluid-type-target, 3vw)),
    var(--fluid-type-max, 1.3rem)
  );
	line-height:1.4em;
	margin-bottom:20px;
 }

textarea {
	padding: 15px;
	border: 1px solid #ccc;
	border-radius:2px;
	margin-bottom: 15px;
	box-sizing: border-box;
	color: #333;
	font-family:'Campton Book', sans-serif;
	font-weight:400;
  font-size: clamp(
    var(--fluid-type-min, 1rem),
    calc(1rem + var(--fluid-type-target, 3vw)),
    var(--fluid-type-max, 1.3rem)
  );
	width:100%;
	height:50%;
	margin-bottom:20px;
}

input.submit {
	background: #2b2a2a;
	color:#c29a5b;
	border: 0 none;
	border-radius: 2px;
	cursor: pointer;
	padding: 15px 30px;
	font-family:'Campton Book', sans-serif;
	font-weight:400;
  font-size: clamp(
    var(--fluid-type-min, 1rem),
    calc(1rem + var(--fluid-type-target, 3vw)),
    var(--fluid-type-max, 1.3rem)
  );
	line-height:1.4em;
}

input.submit:hover {
	background: #666;
	color: #fff;
	transform: scale(1.10);
  transition: all 500ms ease;
}

input[type=text]::-webkit-input-placeholder { color: #333!important; font-weight:400font-size:16px }
input[type=text]::-moz-placeholder { color: #333!important; font-weight:400font-size:16px }
input[type=text]:-ms-input-placeholder { color: #333!important; font-weight:400font-size:16px }
input[type=text]:-moz-placeholder { color: #333!important; font-weight:400font-size:16px }
input[type=text]:focus::-webkit-input-placeholder { color:transparent!important; }
input[type=text]:focus:-moz-placeholder { color:transparent!important; } /* FF 4-18 */
input[type=text]:focus::-moz-placeholder { color:transparent!important; } /* FF 19+ */
input[type=text]:focus:-ms-input-placeholder { color:transparent!important; } /* IE 10+ */
input[type=email]::-webkit-input-placeholder { color: #333!important; font-weight:400font-size:16px }
input[type=email]::-moz-placeholder { color: #333!important; font-weight:400font-size:16px }
input[type=email]:-ms-input-placeholder { color: #333!important; font-weight:400font-size:16px }
input[type=email]:-moz-placeholder { color: #333!important; font-weight:400font-size:16px }
input[type=email]:focus::-webkit-input-placeholder { color:transparent!important; }
input[type=email]:focus:-moz-placeholder { color:transparent!important; } /* FF 4-18 */
input[type=email]:focus::-moz-placeholder { color:transparent!important; } /* FF 19+ */
input[type=email]:focus:-ms-input-placeholder { color:transparent!important; } /* IE 10+ */

textarea::-webkit-input-placeholder { color: #333!important; font-weight:400font-size:16px }
textarea::-moz-placeholder { color: #333!important; font-weight:400font-size:16px }
textarea:-ms-input-placeholder { color: #333!important; font-weight:400font-size:16px }
textarea:-moz-placeholder { color: #333!important; font-weight:400font-size:16px }
textarea:focus::-webkit-input-placeholder { color:transparent!important; }
textarea:focus:-moz-placeholder { color:transparent!important; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color:transparent!important; } /* FF 19+ */
textarea:focus:-ms-input-placeholder { color:transparent!important; } /* IE 10+ */

button[type=submit] {
	padding:15px 30px;
	color:#fff;
	background:#1a3f4f;
	border:none;
  font-size: clamp(
    var(--fluid-type-min, 1rem),
    calc(1rem + var(--fluid-type-target, 3vw)),
    var(--fluid-type-max, 1.3rem)
  );
	border-radius:2px;
	transition: all 500ms ease;
	margin-top:20px;
	font-family:'Campton Book', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:1.4em;
}

button[type=submit]:hover, button[type=submit]:focus {
	background:#ffffff;
	color:#1a3f4f;
	cursor:pointer;
	transform: scale(1.10);
}

#map {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom:40px;
}

#map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}