@import url("https://fonts.googleapis.com/css2?family=Open+Sans&family=Petit+Formal+Script&display=swap");

 .container-full{
    max-width: 1100px;       /* Largeur maximale fixée à 1100px */
    width: 100%; 
    margin: auto;            /* Par défaut, le conteneur prendra toute la largeur disponible */
}

body{
    padding: 0;
    margin: 0;
 }
h1{     
     margin-top: 6rem;
     text-align: center;
     font-family:'Open Sans',sans-serif;
     font-size: 3rem;
     font-weight: lighter;
     color :rgb(236, 235, 234);
     text-transform: uppercase;
     letter-spacing: 2.5px; 
}
h2{
    
    text-align: center;
    font-family: 'Parisienne', 'Open sans', sans-serif;
    font-weight: lighter;
    color:rgb(59, 57, 56);
    letter-spacing: 2px;
      
}
.fred-présentation{
    display: flex;
    flex-direction: row;
    width: 80%;
    margin: auto;
    height: auto;
    padding-top: 2%;
      
}
.fred-présentation img{
    width: 40%;
    height: auto;
    margin-right: 2rem; 
    padding: 0; 
    opacity: 0.60; 
    z-index: 0;  
}
p#text-présentation{
     
     margin: 0;
     text-align: left;
     line-height: 20px;
     font-family:'Open Sans',sans-serif;
     font-size: 12px;
     font-weight:lighter;     
}
.mouche{
    display: flex;
    justify-content: flex-end;
    padding-top: 10px;
    padding-bottom: 50px;
}
.fly-draw{
    width:80px;
    height: auto;
}

 img{
    width: 270px;
    height: 400px;
    
}
    @media (max-width: 958px){ 

        .fred-présentation{
            display: flex;
            flex-direction: row;
            padding:  2.5rem 4rem 2.5rem  5rem;
            width: 80%;
            height: auto;
              
        }
        .fred-présentation img{
            width: 30%;
            height: 30%;
            margin-right: 1rem; 
            padding: 0; 
            margin-top: 25px;   
        }

        p#text-présentation{
            width: 80%;
            padding-top: 20px;
            font-size: 1rem;
            line-height: 1.4rem;
        }
       
       img{
           width: 300px;
           height: 550px;
           padding-top: 2rem;
           margin: 0;
       }
     
    }
    
        @media  (max-width: 768px){

            h1{
                margin-top: 4rem;
                font-size: 3rem;  
                font-weight: lighter;
            }
           
            .fred-présentation{
                display: flex;
                flex-direction: column;
                margin: 0;
                margin-top: 2.5rem;
                width: 100%;
                margin-bottom: 2.5rem;
                padding-left: 0; 
                  
            }
            .fred-présentation img{
                width: 300px;
                margin-bottom: 1.5rem; 
                margin: auto;  
            }     
            p#text-présentation{
        
                padding-top: 20px;
                font-size: 0.8rem;
                line-height: 1.6rem;
                margin: auto;
            }
           img{
               width: 300px;
               height: 530px;
               padding-top: 2rem;
               margin: auto;
           }
           .footer{
            background-color: white;
            padding-top: 5%;
        }
           }
        @media (max-width: 450px){
      
            .fred-présentation{
                
                margin-top: 2.5rem;
                display: flex;
                flex-direction: column;
                justify-content: center;
                width: 100%;
                margin-bottom: 2.5rem; 
                padding: 0;
                    
            }
            .fred-présentation img{
                width: 80%; 
                margin: auto;
                    
            }
            p#text-présentation{
                width: 80%;
                line-height: 1.4rem;
                padding-top: 1.2rem;
                margin: auto;
                font-size: 0.9rem;
                font-weight:lighter;
            } 
            
            h1{
                font-size: 2rem;
                font-family:'Open Sans',sans-serif;
                font-weight:lighter;
                margin-top: 6rem;
            }
            img{
        
               padding-top: 1.4rem;
               margin: auto;
            }
            .footer{
                background-color: white;
                padding-top: 5%;
            }
        }