html, body, #main {
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    box-sizing: border-box;
}

body {
    color:#00205B;
    font-family: "Poppins", "Verdana", "Arial";
}

#main {
    background-color:#F2F2F2;
    padding:65px 60px 65px 60px;
    position:relative;
}

#main div.logo {
    position:absolute;
    top:0;
    left:0;
    

    width: 420px;
    height: 287px;
    display: flex;
    align-items: center;
    justify-content: center;

    background-image:url(../img/arearis-velo/elemento-blue.svg);
    background-repeat:no-repeat;
    background-size: cover;
    z-index:2;
}
#main div.logo img {
    /*
    margin-top:114px;
    margin-left:110px;
    */
    max-width: 60%;
    height: auto;
}
@media(min-width:1550px) {
    #main div.logo {
        width:629px;
        height:430px;
        display: block;
    }
    #main div.logo img {
        margin-top:114px;
        margin-left:110px;
    }
}

#main .container {
    width:100%;
    height:100%;
    margin:0;
    background-image:url(../img/arearis-velo/immagine.webp);
    background-size: cover;
    background-repeat:no-repeat;
    position:relative;
    z-index:1;
    display: flex;
    align-items: center;
}
@media (orientation: portrait) {
    #main .container {
        background-image:url(../img/arearis-velo/immagine-portrait.webp);
    }
}
#main .container .login-area {
    padding-left:40px;
    font-size: 28px;
    line-height: 1.1;
}
#main .container .login-area h2 {
    margin-top:80%;
    font-size:32px;
}
#main .container .login-area a {
    display:inline-block;
    text-decoration:none;
    color:#00205B;
}
#main .container .login-area a.login-button {
    padding:9px 40px;;
    border:2px solid #00205B;
    border-radius:30px;
    font-size:18px;
}

#main .container .login-area a:hover {
    color:#fff;
}
#main .container .login-area a.login-button:hover {
    background-color:#00205B;    
}
#main .container .login-area .policy-links {
    padding-top:20px;
    font-size:14px;
    line-height: 1.8;
}

#main div.bottom-element {
    position:absolute;
    bottom:0;
    right:0;
    z-index:4;
    display:none;
}
@media (min-width: 1024px) {
    #main div.bottom-element {
        width:886px;
        height:242.5px;
        max-width:50%;
        background-image:url(../img/arearis-velo/elemento-beige.svg);
        background-size:cover;
        background-repeat:no-repeat;
        display:block;
    }
}

@media(min-width:1550px) {
    #main .container .login-area h2 {
        margin-top:120%;
    }
}

#main .alert-warning {
    text-align:right;
    color:#ff0000;
    background-color:burlywood;
}