/* Template 2 issue */

@media (max-width: 1530px) {

    .template2 .block .video {

        width: 90%;

    }

}

@media (max-width: 1380px) {

    .template-catego {

        grid-template-columns: 1fr;

    }

}


/* Page contact tablette */

@media (max-width: 1140px) {

    body#contact .contact-bar p {

        font-size: 12px;
    }

    body#contact h3 {

        font-size: 2em;
    }

    .likedin-text {

        display: none;

    }

    .cv-text {

        display: none;

    }

    .contact-text p {

        font-size: 24px;

    }

    /* Page services tablette*/
    body.services-page h2 {

        font-size: 1.2em;

    }


    .video {

        width: 90%;

    }

    .back-btn {

        left: 85%;

    }

    main.template2 {

        grid-template-columns: 1fr;
    }

    /* Main tablette */
    .cell {

        font-size: 1.8em;

    }

    .contact-bar-svg {

        width: 0.5em;
    }


}

/* Page contact mobile */

@media (max-width: 830px) {

    body#contact .contact-bar p {

        font-size: 18px;
    }


    .email, .location, .linkedin, .cv {

        flex-direction: row-reverse;

    }

    .email-icon, .location-icon, .linkedin-icon, .cv-icon {

        padding: 0.8em;

    }

    .burger-btn {
        display: flex;
    }

    .mobile-contact-svg {

        display: flex;

    }

    .contact-text p {

        font-size: 18px;

    }

    body.services-page h2 {

        font-size: 1em;

    }

    .template-catego .container-template {
        width: 50%;
        margin: 0.5em auto; /* recentre les containers */
    }

    .insta-grid {

        grid-template-columns: 1fr;


    }


    .contact-icons {

        display: none;

    }

    div.cache.icons-bar {

        display: block;

    }


    .mobile-contact-menu.active {

        display: block;

    }


}

/* Page contact pour des gens avec des téléphones vreuuuuemnt petits */

@media (max-width: 650px) {

    .email-icon, .location-icon, .linkedin-icon, .cv-icon {

        padding: 0.6em;

    }

    body#contact p {

        font-size: 14px;

    }

    body#contact .contact-bar p {

        font-size: 14px;

    }


    body.services-page h1 {

        font-size: 1.4em;

    }

    body.services-page h3 {

        font-size: 1.2em;

    }

    .contact-image img {


        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .template-catego {

        display: none;

    }

    /* Main mobile */
    .cell {

        font-size: 1.2em;

    }

    .sidebar {

        display: none;

    }

    body.services-page header {

        display: flex;
        justify-content: center;

    }

    .page {

        display: block;
        height: auto;

    }

    .video-mobile {

        width: 80%;
        padding: 0;

    }

    .image-mobile {

        width: 80%;
        padding: 0;

    }

    .galerie-thumb {

        padding: 0.5em;

    }

    .galerie-thumb-mobile {

        padding: 0.5em;

    }

    main#placeholder {

        font-size: 1.6em;
    }

    .back-btn-mobile {

        top: 75%;
        background-color: rgba(0, 0, 0, 0.4);

    }

    .back-btn.accueil {

        left: 75%;

    }


    main.template-logo,
    main.template1,
    main.template2,
    main.template-insta:not(.mobile) {

        display: none;

    }

    main.template-mobile {

        display: flex;

    }

    main.galerie {

        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;

    }

    .container-galerie {

        display: grid;
        justify-items: center;
    }

    .container-galerie .t1-title-mobile {

        margin-bottom: 0.6em;

    }

    .template-mobile a.back-btn-mobile {

        display: block;
        left: -32%;
        margin-top: 1em;

    }

    body.insta a.back-btn-mobile {

        display: initial;

    }


    .back-btn {

        position: relative;

    }

    body.insta .template-catego {

        display: grid;
        grid-template-columns: repeat(2, 1fr);
        margin: 0.5em;

    }

    .template-catego .container-template {

        width: 100%;

    }



}

@media (max-width: 560px) {

    .email-icon, .location-icon, .linkedin-icon, .cv-icon {

        padding: 0.4em;

    }

    body.services-page h1 {

        font-size: 1.3em;

    }

    body#contact h3 {

        font-size: 1.1em;

    }

    body#contact p {

        font-size: 12px;

    }

    body#contact .contact-bar p {

        font-size: 12px;

    }


    .contact-image img {


        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .email-icon img, .location-icon img, .linkedin-icon img, .cv-icon img {

        width: 1.4em;

    }

    .back-btn {

        position: relative;

    }


    /* Main mobile */
    .cell {

        font-size: 1em;

    }


}

@media (max-width: 460px) {


    .email-icon, .location-icon, .linkedin-icon, .cv-icon {

        padding: 0.2em;

    }

    body.services-page h1 {

        font-size: 1em;

    }

    body.services-page h3 {

        font-size: 0.9em;

    }

    body#contact p {

        font-size: 10px;

    }

    body#contact .contact-bar p {

        font-size: 10px;

    }


    .contact-image img {


        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .email-icon img, .location-icon img, .linkedin-icon img, .cv-icon img {

        width: 1.2em;

    }

    main.galerie {

        grid-template-columns: 1fr;

    }

    .back-btn {

        position: relative;
        left: 85%;

    }

    .back-btn.accueil {

        left: 65%;

    }

}