.home-page-container{text-align:center;background-image:url(/img/full_width/background_rectomaroquinerie.webp);background-position:50%;background-size:cover;background-attachment:fixed;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;margin-top:-75px;display:flex}#top a i:hover{color:var(--brown);-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.home-page-container h1,.home-page-container i{color:#fff;margin-bottom:1rem;font-size:4rem;font-weight:700}.home-page-content{padding:150px 125px 100px}.histoire{background:var(--brown);color:#fff}.home-page-content h2{margin-top:0;margin-bottom:4rem;font-size:2.5rem;font-weight:500}.home-page-content p{font-size:1.2rem}.creations{background:var(--gray_blue);color:#fff;display:block}.creations ul{flex-wrap:wrap;justify-content:space-between;align-items:center;margin:0;padding:0;display:flex}.creations ul li{text-align:center;-o-transition:all .1s ease-in-out;flex-basis:25%;min-height:215px;margin-bottom:4rem;padding-top:2rem;padding-left:2rem;padding-right:2rem;transition:all .1s ease-in-out}.creations ul li:hover{background:var(--brown)}.creations ul li a{height:inherit;color:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex}.creations ul li a h3{font-size:1.5rem;font-weight:500}.creations ul li a img{width:100%;height:auto}@media only screen and (max-device-width:1600px){.home-page-container{background-attachment:initial}}@media only screen and (max-width:600px){.home-page-container h1,.home-page-container i{font-size:2.3rem}}@media only screen and (max-width:426px){.home-page-content{padding:125px 20px}.home-page-content h2{font-size:1.9rem}}@media only screen and (max-width:1024px){.home-page-content{padding:125px 50px}}@media only screen and (min-width:769px) and (max-width:1000px){.creations ul li{flex-basis:25%;padding-left:1rem;padding-right:1rem}}@media only screen and (min-width:426px) and (max-width:769px){.home-page-container h1,.home-page-container i{font-size:3rem}.home-page-content{padding:125px 40px}.home-page-content h2{margin-bottom:3rem;font-size:2rem}.creations ul li{flex-basis:40%;margin-bottom:.3rem;padding-left:1rem;padding-right:1rem}}@media only screen and (max-width:376px){.creations ul li{flex-grow:1;margin-bottom:0}}@media only screen and (min-width:376px) and (max-width:426px){.creations ul li{flex-basis:45%;margin-bottom:2rem;padding-left:0;padding-right:0}.creations ul li a h3{font-size:1.3rem;font-weight:500}}