.login-general{
    display: flex;
    height: 97vh;
}
.login-main-page{
    width: 70%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-right-radius:24px;
    border-bottom-right-radius:24px;
}
.login-presentation{
    width: 30%;
    display: flex;
    flex-direction:column;
    align-items: center;
    padding-top:10%;
    padding-left:2%;
    padding-right:2%;
    border-top-left-radius:24px;
    border-bottom-left-radius:24px;
}
.login-div form{
    display: flex;
    flex-direction: column;
}
.login-div{
    width: 50%;
}

a{
    text-decoration: none;
}


.image-logo-login{
    width: 200px;
    height: auto;
    
}

.cgv-register{
    display: flex;
    align-items: flex-start;
}
.cgv-register a{
    text-decoration: underline;
}


.image-pass{
    position: absolute; right: 0; top: 1px;
    width:1.7vw;
    height: auto;
    padding: 1px 2px;
    top: 0;
    bottom: 0;
    margin: auto 5px auto 0;
  }







  .contact-text {
    color: #16b2a8;
    font-weight: 700;
    font-size: 1.1vw;
    font-family: "Robot-BoldCondensed";
  }
  .contact-num-div{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top:0.5vh;
  }
  .contact-num-div a{
   text-decoration: none;
  }
  .num-text {
    color: #333;
    font-weight: 700;
    text-decoration: none;
    font-size: 0.9vw;
    font-family: "Robot-BoldCondensed";
  }

  .div-mobile{
    display: none;
  }


@media screen and (max-width: 1000px) {

    .div-mobile{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .login-general{
        height: 100vh;
    }
    .login-presentation {
        width: 5%;
        display:none;
        border-top-left-radius: 20vw;
        border-bottom-left-radius: 20vw;
        height: 100%;
    }
    .login-presentation h2,.login-presentation p,.login-presentation h3,.login-presentation img{
        display: none;
    }
    .login-main-page{
        width: 95%;
    }
    .login-main-page-register{
        align-items: baseline;
    }
    .image-logo-login{
        width: 40vw;
    }
    .login-div{
        width: 80%;
    }
    .login-div-mobile{
        width: 80%;
    }
    .image-pass{
        width: 7vw;
    }
    .cgv-register{
        align-items: center;
    }
    .cgv-register input{
        width: 7.5vw;
        height: 7.5vw;
        margin-right:20px;
    }
    .grid-two{
        grid-template-columns: repeat(1, 1fr);
    }
    .grid-three {
        grid-template-columns: repeat(1, 1fr);
    }
    .margin-bottom-mobile{
        margin-bottom:38px;
    }
    .margin-top-mobile{
        margin-top:38px;
    }
}