.container-search{
    max-width:1800px;
    max-width:94%;
    margin:0 auto;
    column-count: 3;
    column-gap: 3em;
    padding-bottom:30px;
    padding-top: 30px;
}

.introduction-page-search{margin: 50px 0px 20px;}
.introduction-page-search h1{
    font-family: var(--mainTitleFont);
    font-size: 50px;
    color: var(--mainBlue);
    text-align: center;
}

.container-recherche article{
    width:21%;
    margin:2%;
    border-bottom:3px solid #FFF;
}

.container-recherche article:hover{
    border-bottom:3px solid var(--mainBlue);;
}

.container-recherche article a{
    color: var(--mainCharcoal);
}

.container-recherche article h2{font-family: 'Manrope Bold', sans-serif;font-size: 21px;padding-bottom:10px;}
.container-recherche article .type_posttype{font-size: 13px;font-family: 'Manrope SemiBold', sans-serif;padding-bottom:10px;}
.container-recherche article p{font-size: 14px;line-height: 18px;text-align: justify;padding-bottom:10px;}

/* ====================================================== */
/* ======== MEDIAQUERIES ================================ */
/* ====================================================== */

@media screen and (min-width: 1441px) and (max-width: 1600px) {
    
}

@media screen and (min-width: 1160px) and (max-width: 1440px) {
    
}
@media screen and (min-width: 900px) and (max-width: 1159px) {
    .introduction-page-search h1{font-size:40px;}
    .container-recherche article{width:29%;margin:1% 2%;}
    .container-recherche article h2{font-size:18px;}
}

@media screen and (min-width: 769px) and (max-width: 899px) {
    .introduction-page-search h1{font-size:36px;}
    .container-recherche article{width:29%;margin:1% 2%;}
    .container-recherche article h2{font-size:16px;}
}

@media screen and (min-width: 600px) and (max-width: 768px) {
    .introduction-page-search h1{font-size:36px;}
    .container-search{max-width:90%;column-count: 2;}
    .container-recherche article{width:46%;margin:1% 2%;}
    .container-recherche article h2{font-size:16px;}
}
@media screen and (min-width: 480px) and (max-width: 599px) {
    .introduction-page-search h1{font-size:36px;}
    .container-search{max-width:90%;column-count: 2;}
    .container-recherche article{width:46%;margin:1% 2%;}
    .container-recherche article h2{font-size:16px;}
}

@media screen and (min-width: 320px) and (max-width: 479px) {
    .introduction-page-search h1{font-size:30px;}
    .container-search{max-width:90%;column-count: 1;}
    .container-recherche article{width:90%;margin:1% 5%;}
    .container-recherche article h2{font-size:16px;}
}

@media screen and (max-width: 319px) {
    .introduction-page-search h1{font-size:30px;}
    .container-search{max-width:90%;column-count: 1;}
    .container-recherche article{width:90%;margin:1% 5%;}
    .container-recherche article h2{font-size:16px;}
}