.contactlist h3 {
margin-bottom: 1.25rem; }
@media all and (min-width: 1560px) {
.contactlist h3 {
margin-bottom: 2.5rem; } }
.contactlist .boxes-wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1.875rem; }
@media all and (min-width: 768px) {
.contactlist .boxes-wrap {
gap: 2.5rem; } }
@media all and (min-width: 1024px) {
.contactlist .boxes-wrap {
gap: 3.75rem; } }
@media all and (min-width: 1266px) {
.contactlist .boxes-wrap {
gap: clamp(3.75rem, calc(-4.13rem + 9.96vw), 8.75rem); } }
.contactlist .box {
width: 100%; }
@media all and (min-width: 768px) {
.contactlist .box {
width: calc(50% - 1.25rem); } }
@media all and (min-width: 1024px) {
.contactlist .box {
width: calc(50% - 1.875rem); } }
@media all and (min-width: 1266px) {
.contactlist .box {
width: calc(50% - calc(clamp(3.75rem, calc(-4.13rem + 9.96vw),8.75rem)/2)); } }
.contactlist .box .inner-box {
height: 100%; }
.contactlist .box .inner-box .content a:hover {
color: var(--green); }
.contactlist .box .inner-box .content .category {
padding-bottom: .437rem; }
@media all and (min-width: 1266px) {
.contactlist .box .inner-box .content .category {
padding-bottom: clamp(0.4375rem, calc(-0.25rem + 0.87vw), 0.875rem); } }
.contactlist .box .inner-box .content .img {
aspect-ratio: 3/2;
display: block; }
.contactlist .box .inner-box .content .img img {
width: 100%;
height: auto;
margin-bottom: 1.5625rem; }
@media all and (min-width: 768px) {
.contactlist .box .inner-box .content .img img {
margin-bottom: 1.375rem; } }
@media all and (min-width: 1024px) {
.contactlist .box .inner-box .content .img img {
margin-bottom: 1.5625rem; } }
@media all and (min-width: 1266px) {
.contactlist .box .inner-box .content .img img {
margin-bottom: clamp(1.5625rem, calc(-0.4rem + 2.24vw), 2.5rem); } }
.contactlist .box .inner-box .content .contact-infos {
padding-top: 1.25rem; }
@media all and (min-width: 1266px) {
.contactlist .box .inner-box .content .contact-infos {
padding-top: clamp(1.25rem, calc(0.26rem + 1.25vw), 1.875rem); } }
.contactlist .box .inner-box .content .contact-infos span {
padding-right: 10px; }