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

}

@media screen and (max-width: 768px){
	/* Styles for Tablets & Phones */

    .section{
        height: auto;
        padding-top: 100px;
    }
    .section .element .left h3{
        text-align: center;
        font-size: 2.0em;
    }
    .section .element .left h3::after{ display: none; }
    .section .element .left p{
        text-align: center;
        font-size: 1.0em;
    }
    .section .element .left a{
        display: block;
        margin: 0 auto;
    }
    .section .element .left, .section .element .right{
        width: 100%;
    }
    .section .element{
        flex-direction: column;
        margin-bottom: 100px;
    }
    .section .element .right{ padding: 15px; margin-top: 60px; }
    .section .element .right .object{ width: 100%; }
    .section .element .right .advantage{ border-radius: 15px !important; display: none; }
    .section .element .right .advantage.digital{ right: 0; }
    .section .element .right .advantage.gestion{ left: 0; }
    .section .element .right .advantage.realtime{ bottom: -70px; }
}

@media screen and (max-width: 600px){
    .home header,
    #app .loader{ position: fixed; }


}