@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{
    /* border: 1px solid red; */
}
.blackDown__wrapper{
    /* border: 2px solid green; */
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 100vh;
    max-height: 37.5rem;
    overflow: hidden;
    text-align: center;
    background: url(../images/tlo.jpg) no-repeat 25% -46%;
    background-size: 1370px;
    padding: 0 1rem;
}
.blackDown__logo{
    max-width: 12.56rem;
    margin-top: 5.56rem;
    margin-bottom: 5.125rem;
}
.blackDown__logo-img{
    width: 100%;
}
.blackDown__primaryHeading{
    font-size: 2.5rem;
    font-weight: normal;
    line-height: 1.275;
}

.blackDown__primaryHeading strong{}
.blackDown__primaryHeading span{
    display: block;
}
.blackDown__primaryHeading em{
    color: #ff5200;
    font-style: normal;
    font-weight: 700;
}
.blackDown__text{
    margin-top: 4rem;
    line-height: 1;
}
.blackDown__domainName{
    display: block;
    font-weight: 700;
    margin: .8rem 0;
}
.blackDown__shadow{
    display: block;
    margin-top: 1.8rem;
}

@media(max-width: 920px){
    .blackDown__primaryHeading{
        font-size: 2rem;
    }
}
@media(max-width: 773px){
    .blackDown__primaryHeading{
        font-size: 1.8rem;
    }
}
@media(max-width: 650px){
    .blackDown__primaryHeading{
        font-size: 1.5rem;
    }
}