html,
body {
  background-color: #2C0531;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.slides {
  display: none;
}


* {
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;
}

.draw {
  display: flex;
  margin-top: -5%;
}

.topleft {
    position: absolute;
    height: auto;
    left: 6vw;
    top: 4vw;
    max-width: 12%;
}

.social-footer {

  position: absolute;
  bottom: 5vw;
  padding: 1rem;
  width: 100%;
  padding-right: 62px;

}
.social-footer a {
  margin-left: 23px;
}


.social-footer-icons{
  float: right;
}

.main_text{
  display: none;
  position: absolute;
  top: 70%;
  left: 45%;
  z-index: 9999;
}

  .main_text{
    position: absolute;
    top: 61%;
    left: 46%;
    z-index: 9999;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */
}
  .main_text img {
    max-width: 50%;
  }

@media (min-width: 1024px) and (max-width: 1980px){

  /*.topleft {*/
  /*  max-width: 14%;*/
  /*}*/

  .draw {
    max-width: 80%;
     margin-top:4%;
     margin-left:11%;
  }

  .main_text{
    position: absolute;
    top: 63%;
    left: 46%;
    z-index: 9999;
  }
  .social-footer {
    position: absolute;
    bottom: 2vw;
    padding: 1rem;
    width: 100%;
    padding-right: 74px;

}
}

@media (min-width: 768px) and (max-width: 1024px) {

  .draw {
  margin-top: -10%;
}

  .main_text{
  position: absolute;
  top: 63%;
    left: 38%;
  z-index: 9999;
}
  .main_text img {
    max-width: 50%;
  }

  .topleft {
  max-width: 30%;
  }
  .social-footer-icons img{
  max-width: 25%;
  }

  .social-footer {
  width: 68%;
  }

}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

  .topleft {
    max-width: 14%;
  }

  .draw {
    max-width: 80%;
     margin-top:4%;
     margin-left:11%;
  }

  .main_text img {
    max-width: 33%;
  }

  .main_text{
    position: absolute;
    top: 82%;
    left: 44%;
    z-index: 9999;
  }

  .social-footer-icons img{
    max-width: 20%;
  }

  .social-footer {
    width: 100%;
    bottom: 0%;
    padding-right: 0px;
  }
}

@media (min-width: 481px) and (max-width: 767px) {


  .topleft {
    max-width: 14%;
  }

  .draw {
     max-width: 80%;
     margin-top:4%;
     margin-left:11%;
  }

  .main_text{
    position: absolute;
    top: 80%;
    left: 42%;
    z-index: 9999;
  }

  .main_text img {
    max-width: 33%;
  }

  .social-footer-icons img{
    max-width: 20%;
  }

  .social-footer {
    width: 100%;
    bottom: 0%;
    padding-right: 0px;
  }

}

@media (min-width: 320px) and (max-width: 480px) {

    .draw {
  margin-top: -10%;
}

  .main_text{
  position: absolute;
  top: 68%;
    left: 35%;
  z-index: 9999;
}
  .main_text img {
    max-width: 50%;
  }

  .topleft {
  max-width: 30%;
  }
  .social-footer-icons img{
  max-width: 25%;
  }

  .social-footer {
  width: 84%;
  }

}

@media (min-width: 320px) and (max-width: 480px) and (orientation: landscape){

    .draw {
  margin-top: -10%;
}

  .main_text{
  position: absolute;
  top: 68%;
    left: 35%;
  z-index: 9999;
}
  .main_text img {
    max-width: 50%;
  }

  .topleft {
  max-width: 30%;
  }
  .social-footer-icons img{
  max-width: 25%;
  }

  .social-footer {
  width: 84%;
  }

}