@font-face {
  font-family: "ubuntu-regular";
  src: url("./fonts/Regular/ubuntu-v12-latin-ext_latin-regular.eot");
  src: url("./fonts/Regular/ubuntu-v12-latin-ext_latin-regular.eot?#iefix")
      format("embedded-opentype"),
    url("./fonts/Regular/ubuntu-v12-latin-ext_latin-regular.woff")
      format("woff"),
    url("./fonts/Regular/ubuntu-v12-latin-ext_latin-regular.ttf")
      format("truetype"),
    url("./fonts/Regular/ubuntu-v12-latin-ext_latin-regular.svg#ubunturegular")
      format("svg");
  font-weight: normal;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "ubuntu-500";
  src: url("./fonts/500/ubuntu-v12-latin-ext_latin-500.eot");
  src: url("./fonts/500/ubuntu-v12-latin-ext_latin-500.eot?#iefix")
      format("embedded-opentype"),
    url("./fonts/500/ubuntu-v12-latin-ext_latin-500.woff") format("woff"),
    url("./fonts/500/ubuntu-v12-latin-ext_latin-500.ttf") format("truetype"),
    url("./fonts/500/ubuntu-v12-latin-ext_latin-500.svg#ubunturegular")
      format("svg");
  font-weight: normal;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "ubuntu-700";
  src: url("./fonts/700/ubuntu-v12-latin-ext_latin-700.eot");
  src: url("./fonts/700/ubuntu-v12-latin-ext_latin-700.eot?#iefix")
      format("embedded-opentype"),
    url("./fonts/700/ubuntu-v12-latin-ext_latin-700.woff") format("woff"),
    url("./fonts/700/ubuntu-v12-latin-ext_latin-700.ttf") format("truetype"),
    url("./fonts/700/ubuntu-v12-latin-ext_latin-700.svg#ubunturegular")
      format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* ------------------------------------------------------ */
/* GLOBAL */
/* ------------------------------------------------------ */

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 100%;
}

body {
  font-family: ubuntu-regular, serif;
}

a {
  text-decoration: none;
}

ul {
  list-style: none;
}

/* ------------------------------------------------------ */
/* blackdown */
/* ------------------------------------------------------ */
.blackdown {
  height: 100vh;
  max-height: 933px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: url(../images/tlo.png);
  background-position-x: center;
  background-position-y: 100%;
  background-repeat: no-repeat;
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 1rem;
}


.blackdown__logo-wrapper {
  margin: 0 auto;
  padding: 5.5625rem 0 3.0625rem 0;
}
.blackdown__logo {
  max-width: 100%;
}

.blackdown__img{
  max-width: 100%;
}


/* ------------------------------------------------------ */
/* domain */
/* ------------------------------------------------------ */
.domain {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  padding-top: 30px;
}
.domain__name {
  margin-bottom: 0;
  padding-bottom: 0.625rem;;
}
.domain__text {
  margin-bottom: 0;
  padding-bottom: 2rem;
}
.domain__shadow{
    max-width: 100%;
    margin: 0 auto;
}



  @media(max-width: 580px){
      html{
          font-size: 80%;
      }
      .card__heading {
        font-size: 1.625rem;
    }
  }



  @media (-webkit-min-device-pixel-ratio: 1.25) {

    .blackdown{
      height: 100vh;
      max-height: 903px;
      background-size: 100%;
      background-position-y: 140%;
    }
    .blackdown__logo-wrapper{
     /* padding-top: 4rem;*/
    }
  }
/*
  @media (-webkit-min-device-pixel-ratio: 1.25) {

    :root{ zoom: 0.9; }
    .blackdown{ background-position-y: 185%;}

  }  */