@media all and (max-width: 1600px) {
    .div-inner {width: 90%; margin: 0 5%;}
    h2 {font-size: 30px; margin-bottom: 20px;}
    h2 span {font-size: 18px;}

    p, ul {font-size: 19px; margin-bottom: 25px;}
    p.intro { font-size: 22px;}
    
    .btn-arrondi {padding: 10px 20px; font-size: 19px; margin-top: 25px;}
    
    #zone-mid ul li {padding-left: 50px; background-size: 40px 40px; min-height: 50px; padding-top: 6px;}
}


@media all and (max-width: 800px) {
    .div-inner {width: 90%; margin: 0 5%;}
    h2 {font-size: 26px; margin-bottom: 15px;}
    h2 span {font-size: 16px;}

    p, ul {font-size: 18px; margin-bottom: 20px;}
    p.intro { font-size: 20px;}
    p:last-child {margin-bottom: 50px;}
    p.intro:last-child {margin-bottom: 0;}
    
    #zone-top, #zone-mid, #zone-bas {padding: 60px 0;}
    #zone-top .div-inner, #zone-mid .div-inner, #zone-bas .div-inner {display: block;}
    
    .col {width: 100%;}
    .col-inner {padding: 0 !important;}
    .col img {margin-bottom: 30px;}
}