body {
        margin: 0;
    }
    
    .title {
        text-align: center;
        margin-top: 200px;
    }
    
    .title h2 {
        font-size: 35px;
    }
    /* 1983, LE COMMENCEMENT */
    
    .one {
        margin: 0 auto;
        display: flex;
        width: 100%;
        margin-top: 100px;
    }
    
    .txt {
        margin: 60px 200px 0 10%;
    }
    
    .txt h3 {
        margin-bottom: 50px;
    }
    
    .ordi {
        background-color: #444444;
        padding: 50px 100px;
        right: 0;
        border-bottom-left-radius: 50px;
        border-top-left-radius: 50px;
    }
    /* 2011, L’ENTREPRISE SE FAIT CONNAÎTRE... */
    
    .carte {
        background-color: #444444;
        padding: 50px;
        left: 0;
        border-bottom-right-radius: 50px;
        border-top-right-radius: 50px;
        width: 300px;
    }
    
    .cards {
        margin: 80px 10% 0 200px;
    }
    
    .two {
        display: flex;
        margin-top: 100px;
        margin-bottom: 50px;
    }
    
    .txt a {
        color: #000000;
    }
    
    @media screen and (max-width: 1050px) {
        .txt {
            margin: 0px 50px 0 10%;
        }
        .cards {
            margin: 0px 10% 0 50px;
        }
        .ordi img {
            width: 120px;
        }
        .ordi {
            height: 120px;
        }
        .carte img {
            width: 120px;
        }
        .carte {
            height: 120px;
        }
    }
    
    @media screen and (max-width: 800px) {
        .ordi,
        .carte {
            display: none;
        }
        .txt,
        .cards {
            margin: 0 10%;
        }
    }
    
    @media screen and (max-width: 1000px) {
        .title {
            margin-top: 50px;
        }
    }
    
    @media screen and (max-width: 1100px) {
        .title {
            margin-top: 40px;
        }
    }