div.footer {
  position:relative !important;
  background-color: black;/*#005282;*/
  width:70%;
  /*botom: 0px;*/
  padding:50px 15% 20px 15%;
  float:left;
  /*margin-top: 300px;*/
  /*min-height: 200px;*/
  /*z-index: -2;*/
  /*height: auto;*/
}

div.footer div.details {
  position: relative !important;
  /*border: 1px red solid;*/
  width:50%;
  float:left;
  /*top: 10px;*/
  /*margin-top: 10px;*/
}

div.footer div.details p.name {
  color: white;
  font-family: "Fjalla One", Helvetica, sans-serif;
  font-size: 22px;
  font-weight: bold;
}

div.footer div.details p {
  color: white;
  font-family: "Fjalla One", Helvetica, sans-serif;
  font-size: 20px;
}

div.footer p.terms {
  color: white;
  font-size: 18px;
}

div.footer p.terms a {
  /*color: #12d012;*/
  color: white;
  text-decoration: none;  /* removes the undeline */
}

div.footer p.terms a:hover {
  text-decoration: underline;
}

/*div.footer div.UK_flag {
  position: static;
  float:right;
  width:50%;
}

div.footer div.UK_flag img {
  width:50%;
}*/

div.footer div.logo {
  position: static;
  float:left;
  width: var(--footer-logo-width);
  padding: 100px 0 0 var(--footer-logo-padding-left);
  /*border: 1px solid red;*/
}

div.footer div.logo img {
  width:100%;
}

div.footer div.end {
  position:relative;
  float:left;
  bottom: 0;
  width:96%;
  padding:0 2%;
  height:auto;
}

div.footer div.end div.copyright {
  position:relative;
  /*bottom: 0;*/
  width:400px;
  height:auto;
  margin:0 auto;
}

div.footer div.end div.copyright p {
  color: white;
  font-family: "Fjalla One", Helvetica, sans-serif;
  font-size: 12px;
}

div.endimg {
  position:static;
  float:left;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/footer-1920x404.jpg");  /* fallback */
  height: 404px;  /* fallback */
  background-image: var(--BGfooter);
  height: var(--footer-height);

}