*{transition: all .2s ease;}

body{background: url('/template/charte/imgs/a-propos/bg.png') no-repeat;background-size: cover;background-position: top center;}

.breadcrumbs{margin: 20px auto;display: flex; width: 100%;align-items: center;}
.breadcrumbs a:first-of-type{text-align: left;font-family: 'Dancing Script';font-weight: bold;color: #AD001A;font-size: 45px;}
.breadcrumbs a:not(:first-of-type){font-family: 'Dancing Script';font-weight: bold;color: #1D2A48;font-size: 30px;}
.breadcrumbs a:not(:first-of-type):before{content: url('/template/charte/imgs/a-propos/breadcrumbs.png');margin: 0 30px;}


#article{margin-top: 0;}
#article .article_content{margin-top: 50px;}
#article .article_content .line > .col{padding: 0!important;}
#article h1{text-align: left;margin-bottom: 20px;font-family: 'Dancing Script';font-weight: bold;color: #AD001A;font-size: 45px;}
#article h2, #article h3{font-family: 'Dancing Script';font-weight: bold;color: #1D2A48;font-size: 26px;}
#article p{font-family: 'Poppins', sans-serif;color: rgba(43,60,98,0.74);font-size: 17px;}
#article img{width: 100%;max-width: max-content;}


@media (max-width: 1630px){
    .container{padding: 0 15px;}
}

@media (max-width: 480px){

    .breadcrumbs a:first-of-type{font-size: 5vw;}
    .breadcrumbs a:not(:first-of-type){font-size: 5vw;}
    .breadcrumbs a:not(:first-of-type):before{margin: 0 15px;}

    #article{margin-top: 0;margin-bottom: 20px;}
    #article .line{flex-direction: column!important;}
    #article .line > .col{min-width: 0!important;width: 100%!important;}

    #article *{text-align: center!important;}
    #article h1{font-size: 32px!important;}
    #article h2{font-size: 24px!important;}
    #article p{font-size: 14px!important;}

    .article_content{margin-top: 20px!important;}
    .image_content{padding: 15px!important;}
}