﻿#page-intro picture::after{background: rgba(0, 0, 0, .4);}    
.info-icon-list{flex-direction:row;flex-wrap:wrap;list-style: none;padding: 0;display: flex;gap:0;}

.info-icon-list-item__content{display: flex;flex-direction: column;align-items:center}

.info-icon-list-item__content-header{display: inline-block;padding: 2.4rem calc(2.4rem - .75rem) 1.9rem 2.4rem;background: var(--beige-color);border-radius: .8rem;border:none;margin:0}
.info-icon-list-item {padding:1.6rem;border-radius: .8rem;background: #fffff9;}
.info-icon-list-item__title{margin:1.6rem 0;letter-spacing: .15rem;text-align:center}
.info-icon-list-item__content-text{line-height:1.6;text-align:center}
.info-icon-list-item__pappaloop{position: absolute;width: 7rem;top: 0;right: 0;transform: translate(50%,-50%);opacity:.25}
.info-icon-list-item__icon{width:4rem;height:4rem;font-size:4rem}
.info-icon-list-item__icon:after{width: 4rem;height: 4rem;}

#contact-button-list{display:flex;gap:2.4rem;place-content:center;margin-top:2.4rem;flex-direction:column}
#contact-button-list .button{width:100%;}

.section h2{text-align:center;font-size:3.2rem;margin-top:0}

@media(min-width:500px){
    .info-icon-list-item{flex:1}
}

@media(min-width:992px){
    #contact-button-list{flex-direction:row;margin-top:3.2rem}    
    #contact-button-list li{flex:1}
}

@media(min-width:1280px){
    .section{padding:8.8rem 0}
    #contact-button-list{margin-top:4.8rem;}
}

@media(min-width:1440px){
    .info-icon-list-item__title{font-size:2.4rem;font-weight:400}
    .info-icon-list-item__content-text{font-weight:400}
    #contact-info-icon-list,#contact-button-list,.section h2{width:calc(((100% - (12 - 1) * 2.4rem) / 12) * 8 + (8 - 1) * 2.4rem);margin-left:auto;margin-right:auto}
    #contact-button-list li{flex:1}
    #contact-button-list li .button{width:100%;}
}

@media(min-width:1920px){
    .section h2{font-size:4rem}
}