/* Pour la page Qui-suis-je */
@media (min-width: 750px) { 
    .qui-suis-je {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 10px;
        width: 100%;
        padding-left: 5%;
    }

    .qui-suis-je1 {
        grid-column: 1 ;
        grid-row: 3/5;
        max-width : 60%;
        min-width : 200px;
        align-self: center;

    }

    .qui-suis-je2 {
        grid-column: 1/3 ;
        grid-row: 1/3;

    }
    .qui-suis-je3 {
        grid-column: 3;
        grid-row: 1;
        width: 80%;
        min-width : 200px;
        }

    .qui-suis-je4 {
        grid-column: 3;
        grid-row: 2;
        width: 80%;
        min-width : 200px;
        align-self: center;
        justify-self: center;}

    .qui-suis-je5 {
        grid-column: 2/4;
        grid-row: 3;

        }


    .qui-suis-je li::before {
    content: "•"; 
    color: #493F48;
    display: inline-block; 
    width: 1em;
    border-radius: 0.5vw;


    }


    .qui-suis-je ul {
        list-style: none;
        margin-top: -1vw;
    }

    .qui-suis-je li {
    margin-left: 3vw;
    }
}

@media (max-width: 750px) { 
.qui-suis-je {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
	width: 90%;
    padding-left:5%;
}

.qui-suis-je1 {
    display:none;
	
}

.qui-suis-je2 {

    grid-row: 1;
}

.qui-suis-je3 {
    grid-row: 2;

	}


.qui-suis-je4 {
    grid-row: 3;
	width: 60%;
	align-self: center;
	justify-self: center;}
	
	
.qui-suis-je5 {
    grid-row:4;
}


.qui-suis-je li::before {
  content: "•"; 
  color: #493F48;
  display: inline-block; 
  width: 1em;
  }

.qui-suis-je ul {
	list-style: none;
	margin-top: -1vw;
}

.qui-suis-je li {
  margin-left: 3vw;
  font-size: calc(0.7rem + 0.1vw);
 }
}