/* MAIN STUFF*/
body {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-style: normal;
    background-color: #ffffff;
    margin: 0;
    overflow-x:hidden;
}

html{
    overflow-x:hidden;
}

* {
  margin: 0px;
  padding: 0px;
}

#main ul{ margin-bottom:0px;}
#main li{ margin-bottom:5px;}
h2 {font-size: 1.5rem;margin-bottom:15px; font-weight: 500;}

.texte {height: fit-content;}


/*Espace à la fin*/
.padding {
    height: 10vh;
    width: 80vw;
}

/* GRID ORGANISATION */
.mainpart {
    width: 90vw;
    margin: 0 0vw 10vh 5vw;
    display: grid;
    grid-template-rows: 40vh;
    grid-gap: 2vw;
    line-height: 1.5rem;
}
.mainpartbox {
    background-color: white;
    padding: 5vw;
    border-radius: 35px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.mainpartbox1 {grid-column: 1; grid-row: 1; background-color: #fefefe; border: 0.10rem solid rgba(0, 0, 0, 0.25);}
.mainpartbox2 {grid-column: 1; grid-row: 2; background-color: #fefefe; border: 0.10rem solid rgba(0, 0, 0, 0.25);}
.mainpartbox img {width: 75vw; align-self: center;}

@media screen and (min-width: 768px) {
    .mainpart {width: 80vw; margin: 0 0vw 10vh 10vw; grid-template-columns: 1fr 1fr;}
    .mainpartbox {padding: 30px 10px 30px 30px;}
    .mainpartbox1 {grid-column: 1; grid-row: 1; border:none}
    .mainpartbox2 {grid-column: 2; grid-row: 1; border:none}
    .mainpartbox img {width: 90%; align-self: center;}
}

@media screen and (min-width: 1024px) {
}

@media screen and (min-width: 1950px) {
    .mainpart {width: 60vw; margin: 0 0vw 0vh 20vw; padding: 0;}
    .mainpart img { max-width: 20vw;}
}


/*  */

@media screen and (min-width: 768px) {

}
@media screen and (min-width: 1024px) {

}
@media screen and (min-width: 1950px) {

}