.gradientMain{
    /*background: var(--bg-gradient, linear-gradient(108deg, #996B56 0%, #EAC3B1 100%)); */
}
.login{
    display: none;
}
.fullDiv{
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    position: fixed;
    top: 0px;
    left: 0px;
}
.navbar, .navbar-bg{
    background: transparent;
    background-color: transparent;
}
.navbar-bg:after{
    display: none;
}
.headerLogin{
    position: relative;
    width: 100%;
    left: 0;
    right: 0;
}
    .headerLogin .firstP{
        margin-bottom: 32px;
    }   

@media only screen and (max-width: 599px) {
    #logo{
        top: 28px;
        left: 10px;
        position: relative;
        width: 211px;
        height: 23px;
    }
.headerLogin{
    top: 115px;
    padding-left: 20px;
    padding-right: 20px;
}
    .headerLogin h1{
        color: var(--Black, #000);

        /* mobile/headlien 24 */
        font-family: Raleway;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%; /* 28.8px */
        margin: 0px;
    }
    .headerLogin p{
        color: var(--Black, #000);
        font-variant-numeric: lining-nums proportional-nums;

    /* Body text 14 reg */
        font-family: Raleway;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px; /* 142.857% */
    }
    .headerLogin .input{
        display: flex;
        width: 335px;
        padding: 14px 24px;
        justify-content: space-between;
        align-items: center;
        border-radius: 100px;
        border: 1px solid rgba(255, 255, 255, 0.12);
        background: var(--white, #FFF);
        margin-bottom: 16px;
        margin-top: 0px;
        color: var(--Black, #000);
        font-variant-numeric: lining-nums proportional-nums;
        font-family: Raleway;
        font-size: 14px;
        font-style: normal;
    font-weight: 400;
        line-height: 20px; /* 142.857% */
    }
    .headerLogin .loginButton{
        display: flex;
        cursor: pointer;
        width: 335px;
        padding: 16px 32px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 100px;
        border: 1px solid var(--Black, #000);
        background: var(--Black, #000);
        color: var(--white, #FFF);
        font-family: Raleway;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; /* 150% */
        margin-top: 20px;
    }
    .headerLogin .loginButton:hover{
        background: var(--white, #FFF);
        color: var(--Black, #000);
    }
    .headerLogin .dontacc{
        margin-top: 24px !important;
        color: var(--Black, #000);
        font-family: Raleway;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px; /* 142.857% */
        text-align: center;
        width: 300px;
        left: 0;
        right: 0;
        margin: auto;
        margin-right: 60px;
    }
    .headerLogin .dontacc b{
        color: var(--Black, #000);
        font-family: Raleway;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; /* 150% */
        text-decoration-line: underline;
    }
}

@media only screen and (min-width: 600px) {
    #logo{
        top: 56px;
        left: 70px;
        position: absolute;
        width: 370px;
        height: 39px;
    }
    .login{
    background-image: url('../images/loginMobile.png');
    background-size: contain;
        background-color: transparent;
    background-position: right bottom;
        background-repeat: no-repeat;
    }
.headerLogin{
    top: 288px;
    left: 80px;
    width: 500px;
}
.headerLogin h1{
color: var(--Black, #000);
font-family: Raleway;
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 39.2px */
        margin: 0px;
}
.headerLogin p{
color: var(--Black, #000);
font-family: Raleway;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
    }
    .headerLogin .input{
        display: flex;
        width: 400px;
        padding: 16px 24px;
        align-items: center;
        gap: 41px;
        border-radius: 100px;
        border: 1px solid rgba(255, 255, 255, 0.12);
        background: var(--white, #FFF);
        margin-bottom: 16px;
        margin-top: 0px;
        color: var(--Black, #000);
        font-family: Raleway;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 150% */
    }
    .headerLogin .loginButton{
        display: flex;
        cursor: pointer;
        width: 400px;
        padding: 16px 32px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 100px;
        border: 1px solid var(--Black, #000);
        background: var(--Black, #000);
        color: var(--white, #FFF);
        text-align: center;
        font-family: Raleway;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; /* 150% */
        margin-top: 20px;
    }
    .headerLogin .loginButton:hover{
        background: var(--white, #FFF);
        color: var(--Black, #000);
    }
    .headerLogin .dontacc{
        margin-top: 40px;
        color: var(--Black, #000);
        font-family: Raleway;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 150% */
    }
    .headerLogin .dontacc b{
        color: var(--Black, #000);
        font-family: Raleway;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; /* 150% */
        text-decoration-line: underline;
    }
}