@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700;900&display=swap');
* { box-sizing:border-box; }
body { font-family:'Source Sans Pro',sans-serif;margin:0;padding:0;line-height:1.25;font-weight:300!important; }
img { max-width:100%; }
h1,h2,h3 { font-weight:300!important; }
ul { list-style-type:none; }
ul li { display:inline-block; }
a { text-decoration:none;color:black;font-weight:600; }
.container { position:relative;max-width:1250px;margin:0 auto;padding:0 25px; }
.flex { display:flex;justify-content:space-between;align-items:center; }
.reverse { flex-direction:row-reverse; }
.flex > div { width:50%; }
.gray-bg { background-color:#f2f1ef; }

header { padding:20px 0 150px 0;background-color:#f2f1ef;background-image:url(../images/top.webp);background-repeat:no-repeat;background-position:100%;background-size:auto 100%; }
header.other-page { background-image:none;padding:20px 0; }
.logo img:first-child { margin-right:10px; }
.title { margin-top:150px; }
.title h1 { font-size:4em;font-family:inherit;line-height:1; }
.title h1 span { position:relative; }
.title h1 span:after { content:'';width:100%;height:2px;background-color:#ff2d39;position:absolute;left:0;bottom:10px; }

section { padding:100px 0; }
section.other-page { padding:50px 0; }
section h2 { font-size:4em;font-family:inherit;line-height:1;text-transform:uppercase;  }

section.experts h2 { max-width:250px; }
.item { margin-bottom:30px;letter-spacing:0.2px;line-height:1.5; }
.item:last-child { margin-bottom:0; }
.item .item-title { position:relative;font-size:2em;margin-bottom:15px; }
.item .item-title:before { content:'';position:absolute;width:20px;height:1px;background-color:#ff2d39;left:-40px;bottom:calc(50% - 0.5px); }
.item .item-title:after { content:'';position:absolute;width:1px;height:20px;background-color:#ff2d39;left:-30.5px;bottom:calc(50% - 10px); }

.team-text { padding-right:50px; }
.team-text h2, .team-text p { margin-bottom:30px; }
.team-text p { letter-spacing:0.2px;line-height:1.5; }

section.start { text-align:center; }
section.start h2 { margin-top:0; }
.box { width:700px;max-width:100%;margin:30px auto 0 auto;padding:50px;background-color:#ff2d39;color:#fff; }
.box h3 { font-size:3em;width:400px;max-width:100%;margin:0 auto; }
.box p { margin-top:30px;text-align:left;letter-spacing:0.2px;line-height:1.5; }

footer { padding:50px 0 20px;letter-spacing:0.2px;line-height:1.5; }
footer ul { padding-left:0; }
footer ul li:first-child { margin-right:15px; }

@media (max-width:1200px) {
    header { background: linear-gradient( to right, rgba(255,255,255, 1), rgba(255,255,255, 0) ),url(../images/top.webp);background-repeat:no-repeat;background-position:100%;background-size:auto 100%; }
}

@media (max-width:1024px) {
    header { background: linear-gradient( to bottom, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7) ),url(../images/top.webp);background-repeat:no-repeat;background-position:50%;background-size:cover; }
    .flex { display:block; }
    .flex > div { width:100%; }
    section.experts h2 { max-width:100%;text-align:center; }
    .team-text h2 { text-align:center; }
    .item { padding:0 40px; }
    .team-text { padding-right:0; }
}

@media (max-width:600px) {
    .title h1 { text-align:center; }
    .title h1, section h2 { font-size:3em; }
    .title h1 span:after { bottom:8px; }
    .item .item-title, .box h3 { font-size:1.5em; }
    .item .item-title:before { width:15px; }
    .item .item-title:after { height:15px;left:-32.75px;bottom:calc(50% - 8px); }
}

@media (max-width:400px) {
    .title h1, section h2 { font-size:2.5em;line-height:1.25; }
    .title h1 span:after { bottom:5px; }
    body { font-size:15px; }
}