body{
    background-image: url("/images/underconstruction.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}

.ml1 {
  font-weight: 900;
  font-size: 45px;
  color:#fff;
  letter-spacing: 0;
  font-family: 'Bebas Neue', cursive;
}

.ml1 .letter {
  display: inline-block;
  line-height: 1em;
}

.ml1 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.1em;
  padding-right: 0.05em;
  padding-bottom: 0.15em;
}

.ml1 .line {
  opacity: 0;
  position: absolute;
  left: 0;
  height: 3px;
  width: 100%;
  background-color: #333333;
  transform-origin: 0 0;
}

.ml1 .line1 { top: 0; }
.ml1 .line2 { bottom: 0; }

.title{
  margin-top:40px;
  margin-left:30px;
}

.logo-img
{
  width: 80%;
  margin-top:30px;
  margin-left:40px;
}

#box-welcome
{
  display:none;
}

.screen_pc{
    display:none;
}

.screen_mobile{
    display:block;
}

.frlogin
{
    margin-top:100px;
    margin-left:15px;
}

@media (min-width: 200px)
{
    body{
        background-image: url("");
        background-color:rgb(242, 242, 242);
        height:auto;
    }
    .ml1 {
        font-weight: 900;
        font-size: 58px;
        color:#000;
        letter-spacing: 10px;
        font-family: 'Bebas Neue', cursive;
    }

    .title{
        margin-top:40px;
        margin-left:80px;
    }

    .logo-img
    {
        width:20%;
        margin-top:50px;
        margin-left:90px;
    }

    #box-welcome
    {
        display:block;
    }

    .frlogin
    {
        margin-left:10%;
    }
  
    .screen_pc{
        display:block;
    }

    .screen_mobile{
        display:none;
    }
}