@font-face {
  font-family: "Isidora Alt Thin";
  src: url("../fonts/IsidoraAlt-Regular.otf");
}
@font-face {
  font-family: "Konnect";
  src: url("../fonts/Konnect-Regular.otf");
}
@font-face {
  font-family: "Konnect-SemiBold";
  src: url("../fonts/Konnect-SemiBold.otf");
}
*, *:before, *:after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, p {
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 2rem;
  font-family: "Isidora Alt Regular", "arial";
}

h2, h3, h4 {
  font-family: "Isidora Alt Regular", "arial";
}

p, ul {
  font-size: 1.5rem;
  font-family: "Konnect", "arial";
}

a {
  color: #ffffff;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}

body, html {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  background: #20314a;
  color: #ffffff;
  overflow-x: hidden;
}

.container {
  width: 100%;
  height: 100%;
  max-width: 100%;
  margin: 0 auto;
}

.circle-repeat {
  display: block;
  height: 100%;
  background-image: radial-gradient(ellipse, #162437 0%, #162437 30%, transparent 34%);
  background-size: 2rem 2rem;
  background-repeat: repeat;
}
.circle-repeat--horizontal {
  height: 10rem;
  width: 100%;
}
@media (max-width: 660px) {
  .circle-repeat--horizontal {
    display: none;
  }
}

.grid {
  display: grid;
  height: 100%;
  grid-template-columns: 385px 12em 1fr;
}
.grid__child--bottom {
  width: 100%;
  align-self: end;
}
@media (max-width: 1080px) {
  .grid__child--logo {
    display: none;
  }
}
@media (max-width: 660px) {
  .grid__child--mobile {
    display: none;
  }
}
@media (max-width: 1080px) {
  .grid {
    grid-template-columns: 12em 1fr;
  }
}
@media (max-width: 660px) {
  .grid {
    grid-template-columns: 1fr;
  }
}

.content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 80%;
  padding: 1rem;
}
.content__wrapper {
  max-width: 750px;
  position: relative;
  border-radius: 5px;
  padding: 20px;
}
@media (max-width: 660px) {
  .content {
    display: block;
    height: 100%;
    background-image: radial-gradient(ellipse, #162437 0%, #162437 30%, transparent 34%);
    background-size: 2rem 2rem;
    background-repeat: repeat;
  }
}

.logo {
  position: relative;
}
.logo__desktop {
  max-width: 385px;
}
.logo__wrapper {
  position: fixed;
  width: 100%;
  bottom: 58px;
  left: 67px;
}
.logo__wrapper--tablet {
  display: none;
  position: relative;
  left: 0;
  bottom: 0;
  margin-bottom: 50px;
}
@media (max-width: 1080px) {
  .logo__wrapper--tablet {
    display: block;
  }
}
.logo__image {
  max-width: 300px;
}
.logo--tablet {
  display: block;
}

.label {
  margin-bottom: 20px;
}
.label--secondary {
  color: #EF8C70;
  font-family: "Konnect-SemiBold", arial;
}
.label--secondary a {
  color: #EF8C70;
}
.label--secondary a:hover {
  color: #ffffff;
}
.label--strapline {
  font-family: "Isidora Alt Thin", arial;
  font-size: 17px;
  font-weight: 500;
}

/*# sourceMappingURL=style.css.map */