/* ==================================
   PAGE PROFESSEUR AIKIDO
   Classes isolées avec préfixe prof-
================================== */


.prof-page {

    max-width:1440px;

    margin:0 auto 20px;

    background:#fff;

    box-shadow:
    -10px 0 10px -10px rgba(0,0,0,.45),
     10px 0 10px -10px rgba(0,0,0,.45);

}



.prof-container {

    padding:30px;

}



.prof-content {

    max-width:1100px;

    margin:auto;

    font-family:
    Arial,
    Helvetica,
    sans-serif;

    color:#333;

    line-height:1.75;

}



.prof-content h1 {

    text-align:center;

    font-size:36px;

    color:#b8860b;

    margin-bottom:40px;

}



.prof-content h2 {

    margin-top:50px;

    margin-bottom:25px;

    padding-bottom:10px;

    border-bottom:2px solid #ddd;

    color:#b8860b;

    font-size:26px;

}



.prof-text {

    text-align:justify;

    font-size:17px;

    margin-bottom:30px;

}



.prof-text strong {

    text-decoration:underline;

}



.prof-founder {

    display:flex;

    align-items:center;

    gap:40px;

    margin-bottom:50px;

}



.prof-founder-img {

    width:260px;

    border-radius:8px;

    box-shadow:
    0 5px 15px rgba(0,0,0,.25);

}



.prof-quote {

    font-size:24px;

    font-style:italic;

    color:#555;

}



.prof-gallery {

    display:flex;

    justify-content:center;

    gap:25px;

    margin:40px 0;

}



.prof-gallery img {

    width:48%;

    height:auto;

    border-radius:8px;

    box-shadow:
    0 5px 15px rgba(0,0,0,.25);

}



/* Responsive */

@media(max-width:768px){


    .prof-container {

        padding:15px;

    }


    .prof-content h1 {

        font-size:26px;

    }


    .prof-founder {

        flex-direction:column;

        text-align:center;

    }


    .prof-founder-img {

        width:80%;

    }


    .prof-gallery {

        flex-direction:column;

    }


    .prof-gallery img {

        width:100%;

    }


    .prof-text {

        font-size:16px;

        text-align:left;

    }

}