@media all and (max-width: 700px) 
{
    
    .bloc-page
    {
        flex-wrap: wrap-reverse;
    }

    aside
    {
        width:  100%;
    }

    main
    {
        width: 100%;
        box-sizing: border-box;
    }

    h1
    {
        font-size: 2.7em;
    }

    h2
    {
        font-size: 1.3em;
    }

    h4
    {
        font-size: 1em;
        margin-top: 15px;
    }

    .icon
    {
        font-size: 1.6em;
    }

    .about-me
    {
        text-align: left;
    }

    .hobbies
    {
        padding: 20px 40px 40px 40px;
    }

    .job
    {
        font-size: 1.2em;
    }

    .description-box-skills
    {
        flex-direction: column;
    }

    .skills
    {
        width: auto;
    }

    .description-box
    {
        flex-direction: column;
    }

    .description p
    {
        text-align: left;
    }

}