@font-face {
    font-family: "Nexity";
    src: url('../fonts/Nexity-Regular.ttf'),
    url('../fonts/Nexity-Regular.eot');
}

html,
body {
  font-family: "Nexity", sans-serif!important;
  background-color: #C82832!important;
}

body {
  height:100%;
  position:relative;
  text-align: center;
}

img{
  border-style:none;
  border:0;
}

a, a:visited, a:focus, a:active, a:hover{
    outline:0 none !important;
}

.logo-brand{
  float:left;
}

.logo{
  float:left;
}

.collab{
  color:#C82832;
  font-size: 20px;
  font-weight: 500;

}

.liste ul{
  margin: 0;
  padding: 0;
  list-style: none;
  color:#870f60;
  font-size:23px;
  display:inline-block;
  text-transform: uppercase;
  font-weight:600;
  margin-top:15px;
}

.liste li{
  text-align: left;
}

.redcontainer{
  background-color:#C82832;
  width:100%;
  height:500px;
}

.whitecontainer{
  background-color: #FFF;
}
.title {
  color:#FFF;
  font-size: 19px;
  padding-left: 0px;
}

.soon{
  color:#FFF;
  font-size:16px;
  padding-right: 10px;
  position: relative;
  bottom: 15px;
}

.bottomelements{
  margin-top:20px;
}
.phone{
  margin-top: 30px;
}
.phone2{
  margin-top: 40px;
}

.col-md-pull-6{
  z-index:1;
}

.btn-dl{
  margin-top:20px;
}

#download1{
  margin-top:0px;
}

#download2{
  margin-top:20px;
}

@media(min-width:992px){
  .redcontainer{
    position: absolute;
    top:450px;
  }

  .btn-dl{
    margin-top:80px;
  }

  .qr{
    position: relative;
    top: 20px;
    left: 60px;
  }

  .logo{
    margin-top:10px;
  }

  .logo-brand{
    position: relative;
    left: 90px;
  }

  .collab{
    padding-right: 110px;
  }

  .liste ul{
    padding-left: 60px;
    margin-top: 12px;
  }

  .phone{
    position: relative;
    left: 80px;
    bottom: 60px;
  }

  .phone2{
    margin-top:40px;
    position: relative;
    left: 60px;
    bottom:10px;
  }

}

@media(max-width:992px){

  .logo-brand{
    float:left;
  }


  .logo{
    float:inherit;
    margin-top:20px;
  }

  .redcontainer{
    margin-top:100px;
  }

  #download2{
    margin-top:0px;
  }

  .phone2{
    margin-bottom:50px;
  }
}


@media(max-width: 420px){
  .logo img{
    width:80%;
  }

  .liste ul{
    font-size: 21px;
    width: 240px;
  }
}