/**
* CSS properties specific to responsive design, home part
*//* 
    Created on : 28 févr. 2015, 15:48:16
    Author     : Gaëlle Rauffet <gaelle.rauffet@kiwiscan.net>
*/
@media all and (max-width: 1380px)  {
    .doc_link p {
        width:35%;
    }
}
@media all and (max-width: 1350px)  {
    .step h3 {
        height :45px;
    }
}
@media all and (max-width: 1280px) {
    .step {
        height:210px;
    }
    .step h3 {
        height :50px;
        margin : 5px auto;
    }
    .bouton {
        width:50%;
    }
    .doc_link p {
        width:40%;
    }
}
@media all and (max-width: 1050px) {
    .doc_link p {
        width:45%;
    }
}
@media all and (max-width: 900px) {
    .step {
        height:220px;
    } 
}
@media all and (max-width: 790px) {
    .step {
        height:265px;
    }
    .doc_link p {
        width:50%;
    }
}
@media all and (max-width: 720px) {
    .doc_link p {
        width:60%;
    }
}

@media all and (max-width: 620px) {
    .step {
        display:block;
        width:90%;
        margin:0 auto;
        height:auto;
    }
    .step h3 {
        height : auto;
    }
    .step-inner {
        margin-top:2px;
    }
    .bouton {
        width:70%;
    
    }
    .doc_link p {
        width:65%;
    }
    
}
@media all and (max-width: 520px) {
    .doc_link p {
        width:75%;
    }
}
@media all and (max-width: 480px) {
    .bouton {
        width:80%;
    }
    .doc_link p {
        width:98%;
    }
}
@media all and (max-width: 320px) {
    .bouton {
        width:90%;
    }
    .doc_link p {
        width:100%;
    }
}