/*
* Header
*/


.header.home .navigation{
    display: flex;
    justify-content: space-around;
    width:100%;
    height: var(--page-header-height);
    border-bottom: 1px solid #cbc5c5;
    box-sizing: border-box;
}

.header.home .navigation .nav{
    display: flex;
    flex:1;
    width:inherit;
    padding-left: 10%;
    height: var(--page-header-height);
    align-items: center;
}



ul#menu {
    display: none;
}




#home-pageview .header .navigation {
    background-color: #faf8f8;
}


.banner {
    border-radius: 25px 0 0 25px;
    display: flex
;
    /* width: inherit; */
    height: var(--page-header-height);
    /* background-color: #000000bf; */
    color: #000000;
    /* opacity: 0.96; */
    padding-left: 5rem;
    /* display: flex
; */
    /* align-items: center; */
    flex: 0.6 !important;
    align-items: center;
    /* box-sizing: border-box; */
    /* box-shadow: var(--mx-box-shadow);*/
        font-family: monospace;
    
}

.banner .redirection {
    text-align: right;
    /* font-size: 1.25rem; */
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    box-sizing: border-box;
    text-align: left;
    /* font-size: 1.25rem; */
    display: flex;
    align-items: center;
    font-size:bold;
    /* flex: 1; */
}


.banner .redirection a {
    color: #000000;
}

.usertype_link{

    display: block;
    color: #000000;
    padding-bottom: 0rem;
    border-bottom: 3px solid transparent;
    text-decoration: none;
    font-variant: all-small-caps;
    font-family: 'Roboto';
}

.usertype_link.selected{


    border-bottom: 3px solid red;

}


/*************************/
/************************/




/*   Medias queries = Responsivness */
/* Laptops Desktop */
@media (max-width: 1300px) {



}

/* Tablets devices */
@media (max-width: 700px) {

    .content-home {
        flex-wrap: wrap;
        padding-top:0;
        padding:0 1rem;

    }

    .header.home .navigation .nav {
        padding: 0 1rem;
    }

    .banner {
        padding: 0 1rem;
        flex: 1 !important;
        font-size:0.8rem;
    }



.banner .redirection {
    text-align: right;
    /* font-size: 1.25rem; */
    /* padding-top: 0.2rem; */
    /* padding-bottom: 0.2rem; */
    box-sizing: border-box;
    /* text-align: left; */
    /* font-size: 1rem; */
    display: flex;
    align-items: center;
    font-size: bold;
    /* flex: 1; */
    /* background: violet; */
    border-radius: 24px;
    /* flex: 0;*/
}


.content_home_col {
    margin: 1rem 0;
            /* margin-top: 3rem; */
                    width: 100%;
}
.content_home_left {
        flex: 0 0 100%;
        display: flex;
        /* width: 100%; */
        /* background: red; */
        border-radius: 15px;
        box-sizing: border-box;
        justify-content: center;
}

    .login-form {
        /* padding: 1rem; */
        border-radius: 15px;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        max-width: 350px;
        width: 100%;
        background-color: transparent;
        /* background: #ea8329d4; */
        margin-top: 3.7rem;
        /* margin: calc(2 * var(--page-header-height)); */
    }


}




/* Phone devices */
@media (max-width: var(--breakpoints-s)) {

}

/* Phone devices */
@media (max-width: 600px) {





}