@media (max-width: 1199.98px) {
    h1 {
        font-size: 110px;
    }

    .planet {
        width: 28%;
    }

    .second-line {
        margin-left: 240px;
    }

    .project-image {
        padding: 0 60px;
    }

    .project-nav {
        padding: 0 60px 100px 60px;
    }
}

/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
    h1 {
        font-size: 80px;
    }

    .project-small-big,
    .project-big-small {
        grid-template-columns: 1fr;
    }

    .project-small-big div,
    .project-big-small div {
        margin-bottom: 40px;
    }

    .me p {
        grid-column-start: 2;
        grid-column-end: 4;
        margin-top: 40px;
    }

    .about-category p {
        margin-top: 0;
    }

    .project-image {
        padding: 0 0px;
    }

    .project-nav {
        padding: 0 0px 100px 0px;
    }

    .project-info {
        display: block;
    }

    .project-info h2 {
        margin-bottom: 80px;
    }

    .project-specialities {
        width: 100%;
      }
}

/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px){
    .specialite {
        font-size: 12px;
    }

    .items p {
        margin-right: 32px;
    }

    .header {
        padding: 0 40px;
    }

    .second-line {
        margin-left: 100px;
    }

    .me, .skills, .awards {
        margin: 120px 0px;
    }

    .projects {
        padding: 80px 0px;
    }

    footer {
        padding: 64px;
    }

    .travaillons {
        font-size: 54px;
    }

    .projet-info {
        padding-bottom: 0;
    }

    .project-nav {
        display: block;
    }

    .project-next,
    .project-prev {
        width: 100%;
        margin-bottom: 40px;
    }

    .items p {
        display: none;
    }
}

@media (max-width: 575.98px){
    body {
        padding: 0 16px;
        overflow-x:hidden ;
    }

    .items p {
        margin-right: 24px;
    }


    .header {
        padding: 0 0;
    }

    .specialite {
        visibility:hidden;
        display: none;
    }

    .second-line {
        margin-left: 64px;
    }

    h1 {
        font-size: 58px;
    }

    .travaillons {
        font-size: 32px;
    }

    .me, .skills, .awards {
        display: inline;
    }

    .me *, .skills *, .awards * {
        margin-bottom: 32px;
    }

    .about-category  {
        margin-top: 64px;
    }

    .links-list div {
        margin-right: 30px;
    }
}

@media (max-width: 400.98px){

}