.AD19_FactIcons { -ms-flex-align: center; -ms-flex-direction: column; -ms-flex-line-pack: center; -ms-flex-pack: center; -ms-flex-wrap: wrap; -webkit-box-align: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-box-pack: center; align-content: center; align-items: center; background-color: #fff; color: #11284e; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; flex-wrap: wrap; font-size: 1rem; justify-content: center; line-height: 1.75rem; margin: 0 auto; max-width: 100%; padding-left: 15px; padding-right: 15px; text-align: center; } .AD19_FactIcons h2 { margin: 0 auto 24px; width: 85%; } .AD19_FactIcons .AD19_FactIcons_copy { margin: 0; width: 90%; } .AD19_FactIcons ul { -ms-flex-align: start; -ms-flex-line-pack: center; -ms-flex-pack: center; -ms-flex-wrap: wrap; -webkit-box-align: start; -webkit-box-pack: center; align-content: center; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; margin: 30px 0 0; width: 100%; } .AD19_FactIcons ul li { font-size: 1rem; font-style: italic; font-weight: 700; margin: 30px 8px; min-height: 122px; min-width: 150px; padding: 0; text-align: center; text-transform: uppercase; width: 40%; word-wrap: break-word; } .AD19_FactIcons ul li .AD19_FactIcons_img_wrapper { -ms-flex-align: end; -ms-flex-pack: center; -webkit-box-align: end; -webkit-box-pack: center; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; margin: 0 auto; max-height: 162px; max-width: 162px; } .AD19_FactIcons ul li img { display: inline-block; width: 100%; } .AD19_FactIcons ul li .AD19_FactIcons__header { color: #2066d6; font-size: .625rem; font-style: normal; line-height: .875rem; margin-bottom: 8px; min-height: 28px; } #AD19_StageTeaser-home+.AD19_FactIcons { background-color: #fff; margin-top: -50px; position: relative; } #AD19_FactIcons-uber-uns { padding: 40px 0 25px; } @media (min-width: 768px) { .AD19_FactIcons { padding-left:25px; padding-right: 25px; } .AD19_FactIcons ul li { width: 30%; } } @media (min-width: 1024px) { .AD19_FactIcons { max-width:1320px; padding-left: 30px; padding-right: 30px; } .AD19_FactIcons ul { margin: 0 0 0; max-width: 850px; } .AD19_FactIcons ul li { -ms-flex-negative: 1; -ms-flex-positive: 1; -ms-flex-preferred-size: 0; -webkit-box-flex: 1; flex-basis: 0; flex-grow: 1; flex-shrink: 1; font-size: 1.125rem; line-height: 1.5rem; margin: 0 8px; min-height: 141px; min-width: 185px; width: auto; } .AD19_FactIcons ul li .AD19_FactIcons__header { font-size: .75rem; line-height: 1.0625rem; min-height: 34px; } .AD19_FactIcons { font-size: 1.25rem; line-height: 2.25rem; margin: 0 auto 50px auto; } #AD19_FactIcons-uber-uns { padding: 40px 0 48px; } .AD19_FactIcons h2 { max-width: 70%; } .AD19_FactIcons,.AD19_FactIcons .AD19_FactIcons_copy { width: calc(270px + ((100% - 330px)/ 12 * 10)); } } @media (min-width: 1440px) { .AD19_FactIcons ul li { min-width: 185px; } #AD19_StageTeaser-home+.AD19_FactIcons { margin-top: -130px; } } #AD19_StageTeaser-home+.AD19_FactIcons { padding-top: 50px; } @media (min-width: 1024px) { #AD19_StageTeaser-home+.AD19_FactIcons { margin-top:-200px; } }