/*Remove the default white margin*/
body { margin: 0px; }
/*Fixes extra margins around the text*/
p, h1, h2 { margin: 0px; }

/*Font Setup*/
body {font-family: 'Inter', arial, sans-serif;font-weight: bold;}
p  {font-size: 2vw;  letter-spacing: -1px;}
h1, h2 {font-size: 3.7vw;  letter-spacing: -2px;}

.error {
  color: red;
  font-size: 1.5vw;
  padding: 1vw;
  text-align: center !important;
}

.message {
  color: green;
  font-size: 1.5vw;
  padding: 1vw;
  text-align: center !important;
}

/*Style the button*/
button {
  background-color: white;
  border: 0 none;
  color: #4e89c3;
  font-family: "Inter",arial,sans-serif;
  font-size: 1.5vw;
  font-weight: bold;
  letter-spacing: -1px;
  margin-bottom: 7vw;
  padding: 0.7vw 1.6vw;
  cursor: pointer;
}

/*DIVS & SECTIONS*/
/*The main 'In Grid' section throughout the page*/
.wrapper {
  width: 84%;
  margin:auto;
}

/*Styling for the background of the Top Title & Button Section*/
header {
    background-color: #4e89c3;
    background-image: url("../img/Europe-Map-Alpha10.png");
    background-size:cover;
    color: white;
}

header img {
  margin: 1vw 0 4vw;
  width: 19%;
}

header h1 {
  margin-bottom: 3vw;
  width: 60%;
}

section {
  height: 44vw;
  margin-bottom: 5vw;
}

.parallaximagecontainer {
  overflow: hidden;
}

.parallaximagecontainer > div {
  padding: 0;
}

.rellax > img {
  width: 100%;
}

.bartext {
  display: inline-flex;
}

.bartext > * {
  width: 50%;
}

.bartext > div {
  background-color: #4e89c3;
  color: white;
  display: inline-block;
  line-height: 34vw;
  margin: 5vw 0;
  text-align: right;
  vertical-align: middle;
}
/*Align the text within the blue bar sections*/

.bartext span {
  display: inline-block;
  line-height: 2.5vw;
  margin: 0 auto;
  text-align: left;
  vertical-align: middle;
  width: 42vw;
}

.bartext p {
  font-size: 2vw;
  margin-right: 4vw;
}

.bartext > img {
  display: block;
}

.bartext.right > div {
  text-align: left;
}

.bartext.right p {
  margin: 0 0 0 4vw;
}

.bartext.right span {
  text-align: left;
}

/*Styling for the placeholder form section*/
.get-in-touch {
  height: auto;
  margin: 2vw 0 7vw;
}

.get-in-touch > div
{
  background-color: #eeeeee;
}

.get-in-touch > div, .get-in-touch input, .get-in-touch textarea
{
  color: #4e89c3;
  font-family: inherit;
}

.get-in-touch form {
  overflow: auto;
  padding: 3vw 3%;
}

.get-in-touch p {
  font-size: 1.5vw !important;
  font-weight: 300;
  margin-bottom: 1vw;
}

.get-in-touch form > div {
  padding: 0 1%;
  width: 57%;
  float: left;
}

.get-in-touch form > div:first-child {
  width: auto;
  margin-bottom: 1.2vw;
}

.get-in-touch form > div:last-child {
  width: 39%;
}

.get-in-touch h2 {
  display: inline-block;
  margin-right: 3%;
  width: 30%;
}

.get-in-touch form > div:first-child p {
  display: inline-block;
  margin: 0;
  width: 66%;
}

.get-in-touch textarea, .get-in-touch input {
  border: medium none;
  font-size: 1.5vw;
  margin-bottom: 1.5vw;
  padding: 0.7vw 2%;
  width: 96%;
}

.get-in-touch textarea, .get-in-touch input:last-child {
  margin-bottom: 0;
}

.get-in-touch input[name="captcha"] {
  display: inline-block;
  vertical-align: middle;
}

.get-in-touch button {
  background-color: #4e89c3;
  color: white;
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  padding: 0.7vw 2.5vw;
}

.get-in-touch button i {
  font-weight: bold;
  margin-left: 1vw;
  transform: scaleX(1.3);
}

.get-in-touch form > div > div {
  display: table-cell;
  text-align: left;
  vertical-align: top;
  width: 50%;
}

.get-in-touch form > div > div:last-child {
  text-align: right;
}

.get-in-touch form img {
  vertical-align: middle;
}

.get-in-touch img#captcha {
  width: 6.5vw;
  /* min-width: 117px; */
}

.get-in-touch img#refresh {
  margin: 0 0.3vw;
  width: 1.4vw;
  /* min-width: 24px; */
}

.get-in-touch form > div > div > p {
  display: inline-block;
  font-size: 0.8vw !important;
  margin: 0;
  vertical-align: middle;
  width: 34%;
}

.get-in-touch textarea {
  height: 15.8vw;
}

.clear { clear: both; }

/*Footer Section*/
footer, footer p {
  background-color: #244d77;
  color: white;
  font-size: 1.3vw;
  font-weight: 300;
  padding: 0.5vw;
  text-align: center;
}

footer p span {
  margin: 0 1vw;
}

footer i {
  color:white;
}

footer i:hover {
  color:#ffffffdd;
}

@media only screen and (max-width: 999px) {
  .message, .error { font-size: 2vw; padding: 1.5vw 0; }
  .get-in-touch { height: auto; margin: 2vw 0 7vw; }
  .get-in-touch form > div { width: 98%; }
  .get-in-touch p { font-size: 1.7vw !important; }
  .get-in-touch form > div:last-child {  width: auto; }
  .get-in-touch form > div { float: none; }
  .get-in-touch textarea, .get-in-touch input { font-size: 1.7vw; margin-bottom: 1.5vw !important; }
  .get-in-touch img#captcha { min-width: 117px; }
  .get-in-touch img#refresh { min-width: 24px; }
  .get-in-touch form > div > div > p { font-size: 1.4vw !important; }
}

@media only screen and (max-width: 799px) {
  .message, .error { font-size: 2.5vw; padding: 2vw 0; }
  header img { width: 40%; }
  header h1 { letter-spacing: 0; }
  button { font-size: 3vw; }
  .bartext { display: block; height: auto; }
  section > div { width: auto !important; }
  section, section > div { margin: 0 !important; }
  section > div { padding: 0 7%; }
  .bartext span { width: auto; }
  .bartext p { font-size: 3.4vw; line-height: 4.5vw; margin: 0 !important; }
  .bartext > img { display: none; }
  
  .get-in-touch h2 { width: auto; margin-bottom: 1vw; }
  .get-in-touch form > div:first-child p { width: auto; }
  .get-in-touch form { padding: 3vw 0; }
  .get-in-touch form > div { width: 100%; padding: 0; margin-bottom: 2vw; }
  .get-in-touch p { font-size: 2.5vw !important; }
  .get-in-touch textarea, .get-in-touch input { font-size: 3vw; margin-bottom: 2.5vw !important; padding: 1.3vw 2%; }
  .get-in-touch textarea {  margin-bottom: 0 !important; }
  .get-in-touch img#captcha { width: 12.5vw; }
  .get-in-touch img#refresh { width: 2.4vw; }
  .get-in-touch form > div > div > p { font-size: 2vw !important; }
  /* .get-in-touch form > div > div > p { width: 50%; } */
  .get-in-touch button { padding: 1.5vw 3.5vw; }
  
  footer, footer p { font-size: 2.3vw; }
}

@media only screen and (max-width: 479px) {
  .message, .error { font-size: 3.5vw; }
  header img { width: 50%; }
  h1, h2 { font-size: 5.7vw; }
  header h1 { width: auto; }
  
  button { font-size: 4.0vw; letter-spacing: 0; }
  section > div { padding: 3vw 7%; }
  .bartext p {  font-size: 4vw; line-height: 5vw; letter-spacing: 0px; }
  .get-in-touch p { font-size: 3.5vw !important; }
  .get-in-touch textarea, .get-in-touch input { font-size: 3.5vw;}
  .get-in-touch textarea { height: 30vw; }
  .get-in-touch form > div > div > p { font-size: 3.4vw !important; width: 70%; }
  
  footer, footer p { font-size: 3.3vw; }
}