@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-VariableFont_slnt\,wght.ttf') format('woff2'),
;
         font-weight: 200 900;
         font-display: swap;
         font-style: normal;
  }


#header{
background: #fff;
}


#textofcontact {
    width: 40vw;
    font-family: 'Inter';
    font-weight: 200;
    line-height: 16px;
    text-transform: uppercase;
    font-size: x-small;
    /* letter-spacing: -0.3px; */

}

#header_bottom > div img {
     
    cursor: pointer;
}

body {
    position: relative;
    top:24vh;
    left:9vw;
    overflow-x: hidden;
}

.imgpetit{
    width:23vh;
    position: fixed;
    z-index: -2;
}

#lestextes{
    display: flex;
    gap: 50vh;
    flex-direction: column;
    
}

#copyrights{
    position: fixed;
      top: 85%;
      left: 8%;
      color: black;
      font-weight: lighter;   
      font-size: small;             line-height: 1.3;
  }



  @media screen and (max-width: 4000px) {
    #textofcontact {
        width: 48vw;
    }

    #laphoto > img {
        width: 35vw !important;
        z-index: -2;
        position: absolute;
        top: 93% !important;        /* left: 24%; */
        left: 30% !important;
    }
}

  @media screen and (max-width: 1060px) {
    #textofcontact {
        width: 78vw;
    }

    #laphoto > img {
        width: 44vw !important;
        z-index: -2;
        position: absolute;
        top: 69% !important;
        /* left: 24%; */
        left: 37% !important;
    }
}


@media screen and (max-width: 760px) {
    #textofcontact {
        width: 78vw;
    }

    #laphoto > img {
        width: 44vw !important;
        z-index: -2;
        position: absolute;
        top: 69% !important;
        /* left: 24%; */
        left: 47% !important;
    }
}


@media screen and (max-width: 460px) {
    #textofcontact {
        width: 80%;
                text-align: justify;
    }

    #laphoto > img {
        width: 54vw !important;
        z-index: -2;
        position: absolute;
        top: 89% !important;
        /* left: 24%; */
        left: 27% !important;
    }
    body{
            top: 15vh;
    }
}

@media screen and (max-width: 300px) {


    #header_top > div a {
        font-size: medium;
       
    }
    
    }