@media(width < 1350px) {
    #name {
        font-size: 3rem;
    }

    #job-title {
        font-size: 1.5rem;
    }
}

@media(width <= 899px) {
    #smooth-content {
        flex-direction: column;
    }

    #intro {
        width: 100%;
    }

    #intro,
    #intro > * {
        align-items: flex-start;
    }

    #intro,
    #infos {
        min-width: 350px;
    }

    #header {
        width: 100%;
        flex-direction: row-reverse;
        justify-content: flex-end;
        align-items: center;
    }

    #socials,
    #photo {
        margin-top: 1rem;
    }

    #presentation,
    #education {
        text-align: left;
    }

    #infos {
        flex:auto;
    }

    .project {
        width: 90%;
    }
}

@media(width <= 499px) {
    
    .title {
        font-size: 1.2rem;
    }

    #intro {
        padding: 0 0.5rem;
    }

    #header {
        justify-content: space-between;
    }

    #photo {
        width: 100px;
        height: 100px;
    }

    #socials,
    #photo {
        margin-top: 0.5rem;
    }

    #navbar {
        display: none;
    }

    .project  {
        flex-direction: column;
        justify-content: center;
    }

    .skill > img {
        width: 50px;
    }
}