﻿#headline { max-width: 700px; margin: 0 auto; }


@media(min-width:768px) {
    #lobby { margin-bottom: 120px; }
}


.graphSection { background-color: #F9F9F9; }
.graphSection .section-title { max-width: 880px; margin: 0 auto 40px; font-size: 4rem; line-height: 4.6rem; }

@media(min-width:768px) {
    .graphSection { padding: 100px 0;}
}
@media(max-width:767px) {
    .graphSection { text-align: center; padding:60px 22px;}
    .graphSection img { margin-top:40px;}
}

.stepsSection { max-width: 800px; text-align: left; margin: 0 auto; padding: 100px 20px; }
.stepsSection ul { padding-left: 20px; }
.stepsSection ul li { margin-top: 15px; }
.stepsSection .section-headline { font-size: 2.5rem; letter-spacing: 0.25px; line-height: 3rem; }

@media(max-width:767px) {
    .stepsSection .section-headline { font-size:1.8rem; line-height:2.2rem; margin-bottom:12px;}
    .stepsSection li { font-size: 16px; }
    .stepsSection { padding:60px 22px;}
}

.materialitySection .splitSection-content ul { padding-left: 20px; }
.materialitySection .splitSection-content ul li { margin-top: 15px; }

@media(min-width:768px) {
    .materialitySection .splitSection-image { width: 68%; }
    .materialitySection .splitSection-content { width: 32%; padding: 0 80px; }
    .materialitySection .splitSection-image img { max-width: none; width: 100%; }
    
}

@media(max-width:767px) {
    .materialitySection li { font-size: 16px; }
    .materialitySection .splitSection { flex-direction: column; }
    .materialitySection .splitSection-content { background-color: #F5F5F5; }
    .materialitySection .splitSection-content .textContent { margin-bottom: 0; }
}


@media(min-width:768px) {
    .developmentGoalsSection { padding: 120px 0 153px; }
    .developmentGoalsSection .iconsList { max-width: 1090px; margin: 0 auto; gap: 23px; }
    .developmentGoalsSection .section-title { font-size: 4.4rem; }
    .developmentGoalsSection  .textContent { max-width: 1000px; }
}

@media(max-width:767px) {
    .developmentGoalsSection { padding-top:60px; padding-bottom:60px;}
}
@media(max-width:767px) {
    .goalsSection .splitSection-content { padding-top: 0; }
}