.home-container{position:relative;margin-top:1em;display:flex;flex-wrap:wrap}.home-container h1{order:1;width:600px;position:absolute;right:3em;font-size:2.6em;font-weight:700;font-family:var(--font-title)}.home-container .bandeau{order:2;position:absolute;z-index:-1;top:7em;width:100%;height:320px;display:flex;flex-direction:column;align-items:end;background-color:#227bae49}.home-container .bandeau p{width:50%;text-align:right;padding:1em;font-size:1.5em;color:#3c4a8e}.home-container .presentation{order:3;width:70%}.home-container .contact{order:4;position:absolute;top:350px;right:0;background-color:#000;padding:.8em 1.2em;color:#fff;border-radius:15px;font-size:1.1em;font-weight:700;margin-top:3em;margin-right:8em;cursor:pointer;border:none}.home-container .contact:hover{background-color:#3c4a8e}@media screen and (max-width: 700px){.home-container{flex-direction:column;align-items:center}.home-container h1{order:1;position:static;width:100%;padding:1em;text-align:center}.home-container .bandeau{order:2;position:static;height:auto;min-height:200px;align-items:center}.home-container .bandeau p{width:100%;text-align:justify;padding:1em;font-size:1.2em}.home-container .contact{order:3;position:static;width:45%;margin:-25px auto 0;font-size:1em}.home-container .presentation{order:4;width:100%;margin-top:2em}}article{width:80%;display:flex;flex-direction:column;align-items:center;margin:auto;border-top:solid 4px rgb(34,186,222)}article h2{font-family:var(--font-title);font-size:2.8rem;text-align:center;font-weight:700;margin:1.5em 0}article .section{display:80%;display:flex;justify-content:center}article .section .blog-image{width:230px;height:230px;-o-object-fit:cover;object-fit:cover;border-radius:50%;border:solid 7px rgb(34,186,222)}article .section .article-content{width:70%;position:relative;padding:0 1em}article .section .article-content b{color:#22bade;font-size:2em}article .section .article-content h3 b{color:#3c4a8e}article .section .article-content .content-desktop{display:block}article .section .article-content .btn-blog{position:absolute;bottom:0;right:0;background-color:#000;padding:.8em 1.2em;color:#fff;border-radius:15px;font-size:1.1em;font-weight:700;margin-top:3em;cursor:pointer;z-index:999}article .section-mob{display:none}@media screen and (max-width: 700px){article{width:90%}article h2{font-size:3em}article .section{width:100%;flex-direction:column}article .section .blog-image{width:250px;height:250px;margin:auto}article .section .article-content{width:90%;text-align:center;margin:auto}article .section .article-content .content-desktop{display:none}article .section-mob{display:flex;flex-direction:column!important;margin-top:1.5em}article .section-mob .btn-blog{width:40%;font-size:1.3em;margin:2em auto auto;background-color:#000;padding:.8em 1.2em;color:#fff;border-radius:15px;font-weight:700;cursor:pointer;z-index:999}}
