@charset "utf-8";
/* CSS Document */

/*reset*/
*{margin:0; padding:0; outline:none; box-sizing:border-box;}
img,fieldset{border:0px; display:block;}
br.clear, div.clear{clear:both; font-size:0px;}
ul, ol{list-style:none;}
textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox, button{-webkit-appearance:none; border-radius:0;}

header, nav, article, aside, section, footer{display:block; overflow:hidden;}
header, section, footer{width:100%; height:auto; position:relative;}

/*template*/
html{width:100%; height:100%; font-size:62.5%;}
body{width:100%; height:100%; font-family:'Arvo',serif; font-size:1.4rem; line-height:1.628571; color:#352d25; overflow-x:hidden; overflow-y:scroll; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}


/*text*/
h1, h2, h3, h4, h5, h6{width:100%; font-family:'Arvo', serif; height:auto; font-weight:700;}
h1{font-size:4.5rem; margin-bottom:32px; font-weight:900;}
h2{font-size:3.0rem;}
h3{font-size:2.0rem; margin-bottom:16px;}
h4{font-size:2.0rem; margin-bottom:16px;}
p{margin:0px 0px 32px 0px;}
p:last-of-type{margin:0px 0px 0px 0px;}
a, a{color:#dd4a92; text-decoration:none;}
a:hover, a:hover {color:#4a92dd}
small{font-size:1.2rem;}
section{padding: 32px 0;}
article ul,
article ol{list-style:disc outside; margin:0px 0px 30px 20px;}

/*floats*/
.left{float:left;}
.right{float:right;}

/*main-container*/
main{width:100%; max-width:1920px; min-height:100vh; margin:0px auto;}
.container{max-width:1260px; margin:0px auto; padding: 0 24px; position:relative;}

/*generals*/
.button{display:block; width:fit-content; height:fit-content; font-size:1.4rem; font-weight:700; padding:8px 24px; border-radius:24px; color:#ffffff; text-align:center; margin: 24px 0;}
.button.bg-red{background-color:#d7242a;}
.button.bg-red:hover,
.button.bg-red:active{background-color:#df4348; color:white;}
.button.bg-darkblue{background-color:#194e85;}
.button.bg-darkblue:hover,
.button.bg-darkblue:active{background-color:#226BB7;}
.button.bg-blue{background-color:#226BB7;}
.button.bg-blue:hover,
.button.bg-blue:active{background-color:#4a92dd; color:white;}
.bg-blue{background-color:#194e85;}
.bg-blue h2,
.bg-blue p{color:white;}
.underline{width:120px; height:4px; padding-bottom:8px; border-bottom:4px solid #d7242a; margin-bottom:32px;}
img{width: 100%; height: 100%; object-fit:contain;}

.breadcrumbs{width:100%; height:28px;  margin-bottom:24px;}
.breadcrumbs ol{display:flex; justify-content:flex-start; color:#4A92DD;}
.breadcrumbs li{font-size:1.4rem; line-height:28px;}
.breadcrumbs a span{color:#4A92DD !important;}

/*forms*/
form.form-grid{display:grid; grid-template-columns:200px auto; gap:16px;}
form.form-grid.order{gap:0px;}
form.form-grid .wide{grid-column-end:span 2;}
form.form-grid h2{margin-bottom:8px;}
form.form-grid h3{margin-top:16px; margin-bottom:8px;}
form.form-grid div{padding:8px 0px;}
form.form-grid div.margin-top{margin-top:16px;}
form.form-grid.order div{padding:0px;}
form.form-grid.order div.padding{padding:16px;}
form.form-grid div.hide{display:none;}
form.form-grid div.row{border-bottom:1px dotted #eae9e9;}
form.form-grid.order div,
form.form-grid div.noborder{border-bottom:none !important;}
form.form-grid div.label{color:#2a2620;}
form.form-grid div.row label.red{color:#e2001a;}
form.form-grid div:not(.input-wrapper-submit) span{display:block; height:32px; line-height:32px; color:#a3a3a3; font-size:1.2rem;}
form.form-grid div input[type="datetime-local" ],
form.form-grid div input[type="time" ],
form.form-grid div input[type="date" ]{color:#2a2620;}
form.form-grid div input[type="text"],
form.form-grid div input[type="number"],
form.form-grid div input[type="date"],
form.form-grid div input[type="time"],
form.form-grid div input[type="datetime-local"]{width:100%; height:24px; line-height:24px; padding:16px; border-radius:8px; border:1px solid #eae9e9; font-family:'Arvo', serif; color:#2a2620; background:#ffffff;}
form.form-grid div select{width:100%; height:24px; line-height:24px; font-size:1.6rem; padding:16px; border-radius:8px; color:#2a2620; background:#ffffff; border:1px solid #eae9e9; font-family:'Arvo', serif; color:#555555;}
form.form-grid div select{height:unset; line-height:unset; padding:8px 16px;}
form.form-grid div select option{color:#555555;}
form.form-grid div input[type="text"].red,
form.form-grid div input[type="number"].red,
form.form-grid div input[type="date"].red,
form.form-grid div input[type="time"].red,
form.form-grid div textarea.red,
form.form-grid div select.red,
form.form-grid div input[type="datetime-local"].red{border:1px solid #e2001a;}
form.form-grid div input[type="text"]:focus,
form.form-grid div input[type="number"]:focus,
form.form-grid div input[type="date"]:focus,
form.form-grid div input[type="time"]:focus,
form.form-grid div input[type="datetime-local"]:focus{border:1px solid #2a2620;}
form.form-grid div textarea{width:100%; height:150px; font-family:'Arvo', serif; line-height:24px; padding:16px; border-radius:8px; background:#ffffff; color:#2a2620; border:1px solid #eae9e9} 
form.form-grid div textarea:focus{border:1px solid #303030;}
form.form-grid div.submit{display:grid; grid-template-columns:1fr 1fr;}
form.form-grid div.submit .left input[type=button],
form.form-grid div.submit .left input[type=submit]{border:0px; font-family:'Arvo', serif; color:#555555; background-color:#eae9e9; font-size:1.6rem; padding:8px 24px; border-radius:24px; text-decoration:none; float:left; cursor:pointer;}
form.form-grid div.submit .right input[type=button],
form.form-grid div.submit .right input[type=submit]{border:0px; font-family:'Arvo', serif; color:#ffffff; background-color:#226bb7; font-size:1.6rem; padding:8px 24px; border-radius:24px; text-decoration:none; float:right; cursor:pointer;}
form.form-grid div.submit .right input[type=submit].grey{color:#f1f1f1; background-color:#444444;}

/*header*/
header{overflow:visible; position:fixed; z-index:1000;}
header .bar{width:100%; height:80px; background-color:#226bb7; margin-top:52px; overflow:visible;}
header .bar .grid{display:grid; grid-template-columns:400px auto; gap:32px;}
header .bar .grid .logo{display:grid; grid-template-columns:140px auto;}
header .bar .grid .logo a{width: 140px; height: 140px; margin-top:-30px; margin-bottom:-30px;;}
header .bar .grid .logo a img{width: 100%; height: 100%; object-fit:contain;}
header .bar .grid .logo .title{font-size:3.0rem; color:white; line-height:80px;}
header .bar .grid nav ul{display:flex; justify-content:flex-end;}
header .bar .grid nav ul li{font-size:1.8rem; margin: 0 12px; line-height:80px;}
header .bar .grid nav ul li a{color:white;}
header .bar .grid nav ul li a:hover,
header .bar .grid nav ul li a.on{text-decoration:underline;}
header .bar .grid .menu{display:none;}


/*Sections*/

section.intro{padding-top:unset;}

section.slider{border-bottom:24px solid #194e85; padding-bottom:unset; padding-top:unset;}
section.slider .image{height:600px; width:100%;}
section.slider .image img{height:100%; width:100%; object-fit:cover;}
section.slider .hero{height: 100%; width: 100%; position:absolute; top:0; left:0;}
section.slider .hero .container{height:300px; margin-top:300px;}
section.slider .hero .container h1{color:white;}
section.slider .hero .container h1 strong{font-weight:300; font-size:3.0rem; display:block;}

section.highlight .grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:24px;}
section.highlight .intro{grid-column-end:span 4;}
section.highlight .project{display:grid; grid-template-columns:auto 250px; gap:24px; background:white; padding:24px; grid-column-end:span 3; grid-column-start:2;}
section.highlight .project:nth-of-type(2){grid-column-start:1; grid-template-columns:250px auto;}
section.highlight .project:nth-of-type(2) .image{grid-area:1/1/1/1; margin: auto auto auto 0;}
section.highlight .project:nth-of-type(2) article{grid-area:1/2/1/2;}
section.highlight .project h3{color:#226bb7;}
section.highlight .project p{color:#444444; margin-bottom:24px;}
section.highlight .project .image{width: 250px; height: 250px; position:relative; z-index:1; margin: auto 0 auto auto;}
section.highlight .project .image img{object-fit:cover;}
section.highlight .project .image .overlay{height: 100%; width: 100%; background:#226BB7; position:absolute; bottom:-4%; right:-4%; z-index:-1;}
section.highlight .button.all{grid-column-end:span 4; margin: 0 auto;}

section.filter .grid{display:grid; grid-template-columns:200px auto;}
section.filter .grid .form{display:grid; grid-template-columns:1.5fr auto;} 
section.filter .grid select{width:100%; font-size:1.4rem; padding:8px 16px; border-radius:8px; color:#2a2620; background:#ffffff; border:1px solid #eae9e9; font-family:'Arvo', serif; color:#555555;}
section.filter .grid .form input[type="submit"],
section.filter .grid .form input[type="text"]{width:100%; padding:8px 16px; border-radius:8px; border:1px solid #eae9e9; font-size:1.4rem; font-family:'Arvo', serif; color:#2a2620; background:#ffffff;}
section.filter .grid .form input[type="submit"]{background-color:#194e85; color:white; border-radius:24px;}
section.filter .grid .form input[type="submit"]:after{content:'+';}

section.news .grid{display:grid; grid-template-columns:1fr 1fr 1fr; gap:32px;}
section.news .grid .intro{grid-column-end:span 3;}
section.news .grid .card{background:white; width:100%; box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.39);}
section.news .grid .card .image{height: 300px; width: 100%;}
section.news .grid .card .image img{object-fit:cover;}
section.news .grid .card article{padding:24px;}
section.news .grid .card article .title{color:#226BB7; font-size:2.4rem; margin-bottom:24px; font-weight:700; min-height:7rem;}
section.news .grid .card article p{margin-bottom:24px;}
section.news .grid .button.all{margin: 0 auto; grid-column-end:span 3;}

section.content .item{display:grid; grid-template-columns:1fr 1fr 1fr; gap:32px; margin:48px 0;}
section.content .item .image{width: 300px; height: 300px; position:relative; z-index:1; margin: 0 0 auto auto;}
section.content .item article{grid-column-end:span 2;}
section.content .item:nth-of-type(even) .image{grid-column-start:1; grid-row-start:1; margin: 0 auto auto 0;}
section.content .item:nth-of-type(even) .article{grid-column-start:2;}
section.content .item .image img{object-fit:cover;}
section.content .item .image .overlay{height: 100%; width: 100%; background:#226BB7; position:absolute; bottom:-4%; right:-4%; z-index:-1;}
section.content .item.wide{margin-bottom:32px;}
section.content .item.wide article{grid-column-end:span 3;}

section.plan .grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
section.plan .grid article p{margin-bottom:24px;}
section.plan .grid .image{width: 400px; height: 100%; margin:auto 0 auto auto;}

section.team .grid{display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:32px;}
section.team .grid .intro{grid-column-end:span 4;}
section.team .grid .teammember{text-align:center;}
section.team .grid .teammember .image{width: 256px; height: 256px; border-radius:50%; margin: 0 auto; margin-bottom:24px; position:relative;}
section.team .grid .teammember .image .overlay{height: 100%; width: 100%; background:#226BB7; position:absolute; bottom:-4%; right:-4%; z-index:-1; border-radius:50%;}
section.team .grid .teammember .image img{object-fit:cover; border-radius:50%}
section.team .grid .teammember .name,
section.team .grid .teammember .title,
section.team .grid .teammember .portefeuille{font-family: 'Arvo',serif; margin-bottom:8px;}
section.team .grid .teammember .name{font-size:2.0rem; font-weight:700; color:#194e85;}
section.team .grid .teammember .title,
section.team .grid .teammember .portefeuille{font-size:1.8rem;}
section.team .grid .teammember .portefeuille span{display:block;}
section.team .grid .teammember .button{margin: 0 auto;}

section.contact-form .grid{display:grid; grid-template-columns:1fr 1fr; gap:32px;}
section.contact-form .grid .intro{grid-column-end:span 2;}
section.contact-form .grid .image{width: 100%; height:320px; position: relative;}
section.contact-form .grid .image .overlay{height: 100%; width: 100%; background:#226BB7; position:absolute; bottom:-3%; right:-1%; z-index:-1; }
section.contact-form .grid .image img{object-fit:cover;}
section.contact .grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
section.contact .grid .button{margin:auto auto 0 auto;}

/*Footer*/
footer *{color:white;}
footer{padding:24px 0;}
footer .grid{display:grid; grid-template-columns:repeat(5, 1fr); gap:24px}
footer .grid address{font-style: normal;}
footer .grid .logo{width: 120px; height: 120px; margin: 0 auto;}
footer .grid .copyright{grid-column-end:span 5; display:grid; grid-template-columns:1fr 1fr; gap:24px; font-size:1.2rem; color:#a3a3a3;}
footer .grid .copyright div a{margin:0 8px;}
footer .grid .copyright div:first-of-type a:first-of-type{margin-left:24px;}
footer .grid .copyright div:last-of-type{text-align:right;}
footer .grid .copyright div:last-of-type a{margin:unset;}
footer .grid .copyright div:first-of-type br{display:none;}


/*tablet: 768-1023*/
@media only screen and (max-width:1023px) 
{
    h1{font-size:3.2rem; margin-bottom:32px; font-weight:900;}
    h2{font-size:2.4rem;}
    h3{font-size:2.0rem; margin-bottom:16px;}
    h4{font-size:1.8rem; margin-bottom:16px;}

    header .bar .grid nav{width:100%; height:auto; display:block; float:none; left:0; top:-800px; position:absolute; -webkit-transform:translateY(-140%); transform:translateY(-140%); -webkit-transition:-webkit-transform 0.5s, visibility 0s 0.5s; transition:transform 0.5s, visibility 0s 0.5s;}
    header .bar .grid .menu{display:unset; display:block; text-align:right;}
    header .bar .grid .menu a i{font-size:3.0rem; color:white; line-height:80px;}    
    header .bar .grid nav ul{width:100%; height:auto; display:block; position:relative; float:left; padding:24px; background:#194e85; margin-left:unset;}
    header .bar .grid nav ul li:before{background:none;}
    header .bar .grid nav ul li{width:100%; height:auto; min-height:48px; line-height:unset; display:block; float:left; margin:0px; text-align:right; border-radius:unset;}
    header .bar .grid nav ul li a{color:#ffffff; height:48px; line-height:48px; margin:unset;}
    header .bar .grid nav.open{width:100%; height:100vh; display:block; float:none; left:0px; top:80px; z-index:-1; position:absolute; margin:0px !important; -webkit-transform:translateY(0%); transform:translateY(0%); -webkit-transition:-webkit-transform 0.5s; transition:transform 0.5s;}

    section.slider{border-bottom:12px solid #194e85;}
    section.slider .image{height:450px; width:100%;}
    section.slider .image img{height:100%; width:100%; object-fit:cover;}
    section.slider .hero{height: 100%; width: 100%; position:absolute; top:0; left:0;}
    section.slider .hero .container{height:225px; margin-top:225px;}

    section.highlight .grid{display:grid; grid-template-columns:repeat(3, 1fr);}
    section.highlight .intro{grid-column-end:span 3;}
    section.highlight .project{display:grid; grid-template-columns:auto 250px; gap:24px; grid-column-end:span 3; grid-column-start:1;}
    section.highlight .project:nth-of-type(2){grid-column-start:1; grid-template-columns:250px auto;}
    section.highlight .button.all{grid-column-end:span 3;}

    section.news .grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
    section.news .grid .intro{grid-column-end:span 2;}
    section.news .grid .card .image{height: 250px; width: 100%;}
    section.news .grid .card article{padding:24px;}
    section.news .grid .card article .title{color:#226BB7; font-size:2.2rem; margin-bottom:12px; font-weight:700;}
    section.news .grid .card article p{margin-bottom:12px;}
    section.news .grid .button.all{margin: 0 auto; grid-column-end:span 2;}

    section.content .item{display:grid; grid-template-columns:1fr 0.75fr; gap:32px; margin:48px 0;}
    section.content .item article{grid-column-end:unset;}
    section.content .item.wide{margin-bottom:32px;}
    section.content .item.wide article{grid-column-end:span 2;}

    section.plan .grid .image{width: 300px; height: 100%; margin:auto 0 auto auto;}

    section.team .grid{grid-template-columns:1fr 1fr 1fr;}
    section.team .grid .intro{grid-column-end:span 3;}
    section.team .grid .teammember{text-align:center;}
    section.team .grid .teammember .image{width: 200px; height: 200px;}

    section.contact-form .grid{display:grid; grid-template-columns:1fr; gap:32px;}
    section.contact-form .grid .intro{grid-column-end:unset;}
    section.contact-form .grid .image{width: 100%; height:250px; position: relative;}

    section.contact-form .grid .wrapper{max-width:80%; margin: 0 auto;}
  
    footer .grid{display:grid; grid-template-columns:repeat(2, 1fr); gap:12px}
    footer .grid address{font-style: normal;}
    footer .grid address a{display:block}
    footer .grid .logo{display:none;}
    footer .grid .copyright{grid-column-end:span 2; display:grid; grid-template-columns:150px auto; gap:12px; font-size:1.2rem; color:#a3a3a3;}
    footer .grid .copyright div a{margin:0 4px;}
    footer .grid .copyright div:first-of-type br{display:block;}
    footer .grid .copyright div:first-of-type a:first-of-type{margin-left:0px;}
    footer .grid .copyright div:last-of-type{text-align:right;}
    footer .grid .copyright div:last-of-type a:first-of-type{margin-left:unset;}
    footer .grid .footermenu{grid-area:2/1/2/1;}
}

/*mobile l: 427-767*/
@media only screen and (max-width:767px) 
{

h1{font-size:2.6rem; margin-bottom:16px;}
h2{font-size:2.2rem;}
h3{font-size:1.8rem; margin-bottom:8px;}
h4{font-size:1.6rem; margin-bottom:8px;}

.underline{margin-bottom:16px;}
section{padding: 24px 0;}

form.form-grid div{padding:unset;}
form.form-grid{grid-template-columns:1fr;}
form.form-grid .wide{grid-column-end:unset;}
form.form-grid div.submit{grid-template-columns:1fr; grid-column-end:unset;}
form.form-grid div.row.label{font-weight:500;}

header .bar{width:100%; height:60px; background-color:#226bb7; margin-top:24px; overflow:visible;}
header .bar .grid{display:grid; grid-template-columns:250px auto; gap:24px;}
header .bar .grid .logo{display:grid; grid-template-columns:70px auto;}
header .bar .grid .logo a{width: 70px; height: 70px; margin-top:-10px; margin-bottom:-10px;;}
header .bar .grid .logo .title{font-size:2.0rem; line-height:60px;}
header .bar .grid nav.open{top:60px;}
header .bar .grid .menu a i {line-height: 60px;}

section.slider{border-bottom:12px solid #194e85;}
section.slider .image{height:300px; width:100%;}
section.slider .hero .container{height:150px; margin-top:150px;}
section.slider .hero .container h1 strong{font-size:1.8rem;}

section.filter .grid{grid-template-columns:1fr;}
section.filter .grid .form{grid-template-columns:1fr;}

section.highlight .grid{display:grid; grid-template-columns:repeat(1, 1fr);}
section.highlight .intro{grid-column-end:unset;}
section.highlight .project{display:grid; grid-template-columns:1fr; gap:24px; grid-column-end:unset; grid-column-start:unset;}
section.highlight .project:nth-of-type(2){grid-column-start:unset; grid-template-columns:1fr;}
section.highlight .project:nth-of-type(2) .image{grid-area:unset;}
section.highlight .project:nth-of-type(2) article{grid-area:unset;}
section.highlight .button.all{grid-column-end:unset;}

section.news .grid{display:grid; grid-template-columns:1fr; gap:24px;}
section.news .grid .intro{grid-column-end:unset;}
section.news .grid .card .image{height: 250px; width: 100%;}
section.news .grid .card article{padding:12px; text-align:center;}
section.news .grid .card article .title{color:#226BB7; font-size:2.0rem; margin-bottom:12px; font-weight:700;}
section.news .grid .card article p{margin-bottom:12px;}
section.news .grid .card .button{width: 100%;}
section.news .grid .button.all{margin: 0 auto; grid-column-end:unset;}

section.content .item{display:grid; grid-template-columns:1fr; gap:32px; margin:32px 0;}
section.content .item article{grid-column-end:unset;}
section.content .item.wide{margin-bottom:24px;}
section.content .item.wide article{grid-column-end:unset;}
section.content .item .image{margin: 0 auto;}
section.content .item:nth-of-type(even) .image{grid-column-start:unset; grid-row-start:unset; margin: 0 auto;}
section.content .item:nth-of-type(even) .article{grid-column-start:unset;}

section.plan .grid .image{width: 300px; height: 100%; margin:auto 0 auto auto;}
section.plan .grid{display:grid; grid-template-columns:1fr; gap:24px;}
section.plan .grid article p{margin-bottom:12px;}
section.plan .grid .image{width: 200px; margin:0 auto;}
section.plan .grid article .button{width: 100%; text-align:center;}

section.contact .grid{display:grid; grid-template-columns:1fr; gap:24px;}
section.contact .grid .button{width: 100%; text-align:center;}

section.team .grid{grid-template-columns:1fr 1fr; gap:24px;}
section.team .grid .intro{grid-column-end:span 2;}
section.team .grid .teammember{text-align:center;}
section.team .grid .teammember .image{width: 150px; height: 150px;}
section.team .grid .teammember .name,
section.team .grid .teammember .title,
section.team .grid .teammember .portefeuille{margin-bottom:4px;}
section.team .grid .teammember .name{font-size:1.8rem;}
section.team .grid .teammember .title,
section.team .grid .teammember .portefeuille{font-size:1.6rem;}

section.contact-form .grid .wrapper{max-width:unset;}

footer .grid{display:grid; grid-template-columns:repeat(2, 1fr); gap:12px}
footer .grid address{font-style: normal;}
footer .grid .logo{display:none;}
footer .grid .copyright{grid-column-end:span 2; display:grid; grid-template-columns:1fr; gap:8px; font-size:1.2rem;}
footer .grid .copyright div a{margin:0 2px;}
footer .grid .copyright div:first-of-type br{display:unset;}
footer .grid .copyright div:last-of-type{text-align:left;}
footer .grid .copyright div:first-of-type a:first-of-type{margin-left:unset;}
footer .grid .copyright div:last-of-type a:first-of-type{margin-left:unset;}
footer .grid .footermenu{grid-area:2/1/2/1;}
}

/*mobile s: 320-426*/
@media only screen and (max-width:426px)
{

h1{font-size:2.4rem; margin-bottom:8px;}
h2{font-size:1.8rem;}
h3{font-size:1.8rem; margin-bottom:8px;}
h4{font-size:1.6rem; margin-bottom:8px;}

.underline{width: 100%;}

header .bar .grid{display:grid; grid-template-columns:220px auto; gap:24px;}
header .bar .grid .logo .title{font-size:1.6rem;}

section.slider{border-bottom:12px solid #194e85;}
section.slider .image{height:250px; width:100%;}
section.slider .hero .container{height:125px; margin-top:125px;}
section.slider .hero .container h1 strong{font-size:1.6rem;}

section.highlight .grid{display:grid; grid-template-columns:repeat(1, 1fr);}
section.highlight .project .image{width: 200px; height: 200px; margin: 0 auto;}
section.highlight .project:nth-of-type(2) .image{margin: 0 auto;}   

section.content .item .image{width: 200px; height: 200px;}

section.team .grid{grid-template-columns:1fr; gap:24px;}
section.team .grid .intro{grid-column-end:unset;}

section.team .grid .teammember .image{width: 200px; height: 200px;}
section.team .grid .teammember .name,
section.team .grid .teammember .title,
section.team .grid .teammember .portefeuille{margin-bottom:4px;}
section.team .grid .teammember .name{font-size:1.8rem;}
section.team .grid .teammember .title,
section.team .grid .teammember .portefeuille{font-size:1.6rem;}
section.team .grid .teammember .button{width: 100%; margin-top:4px;}

footer .grid{display:grid; grid-template-columns:repeat(1, 1fr); gap:12px;}
footer .grid .copyright{grid-column-end:unset; display:grid; grid-template-columns:1fr; gap:8px; font-size:1.2rem;}
footer .grid .copyright div a{margin:0 2px;}
footer .grid .footermenu{grid-area:2/1/2/1;}
}