:root {
    --black:#262626;
    --gray:#c7c7c7;
    --lightgray: #f5f5f5;
}

#newsletter {
    margin-top:0;
}

#about-hero {
    background-image: url(../../images/redesign/about/bg-hero.webp);
	background-image: -webkit-image-set(url("../../images/redesign/about/bg-hero.webp") 1x, url("../../images/redesign/about/bg-hero@2x.webp") 2x);
}

#about-hero p:not(.absolute) {
    font-size:18px;
    line-height:24px;
    max-width:694px;
}

#about-hero p.absolute span {
    background: #031432;
}

#values {
    background-color:var(--lightgray);
}

#values h3 {
    font-size:50px;
    line-height:68px;
}
#values .items h4 {
    font-size:22px;
}

#values .items p {
    font-size:15px;
    line-height:20px;
    max-width:334px;
}

#values a {
    width: 188px;
    height: 51px;
    line-height: 51px;
    padding-top: 4px;
    font-size: 17px;
    margin-top: 20px;
    text-decoration: none;
}

#about-us .blocktitle {
    padding: 15px 45px 10px 45px;
    margin-bottom:77px;
}

#about-us .blocktitle p,
#about-us .blocktitle h3 {
    font-size:50px;
}
#about-us .blocktitle p {
    top:-31px;
}
#about-us h4 {
    font-size:26px;
}
#about-us .flex {
    margin-bottom:73px;
}
#about-us .flex p {
    font-size:18px;
    line-height:23px;
}
#about-us .flex > div:nth-child(1) {
    padding-right:10px;
}
#about-us .flex > div:nth-child(2) {
    padding-left:10px;
}
#about-us .flex > div:nth-child(2) .inner {
    padding-left:16px;
}
#about-us .flex > div:nth-child(1) .inner {
    padding-right:34px;
}
@media screen and (min-width: 568px) {
    #about-hero .blocktitle {
        padding: 20px 30px 15px 30px;
    }
}

@media screen and (max-width: 768px) {
    #about-hero p:not(.absolute) br {
        display:none;
    }
    #about-us .flex {
        flex-direction: column;
    }
    #about-us .flex > div {
        width:100%;
    }
    #about-us .flex > div:nth-child(1),
    #about-us .flex > div:nth-child(2),
    #about-us .flex > div:nth-child(1) .inner,
    #about-us .flex > div:nth-child(2) .inner {
        padding:0;
    }
    #about-us .inner {
        margin-top:28px;
    }
    #about-us .flex {
        margin-bottom: 50px;
    }
    #about-us .flex img {
        width:calc(100% + 30px);
        margin-left:-15px;
        max-width: 200%;
    }
    #about-us .image {
        order:0;
    }
    #about-us .text {
        order:1;
    }
    #about-us .flex p br {
        display:none;
    }
}

@media screen and (max-width: 567px) {
    #about-hero {
        background-image: url(../../images/redesign/about/bg-hero-m.webp);
        background-image: -webkit-image-set(url("../../images/redesign/about/bg-hero-m.webp") 1x, url("../../images/redesign/about/bg-hero-m@2x.webp") 2x);
        padding:10px 0 23px 0;
        margin-top:22px;
    }
  
    #about-hero p:not(.absolute) {
        font-size:14px;
        line-height:19px;
        padding-top:10px;
    }

    #values {
        padding: 18px 0 30px 0;
        margin-top:15px;
    }

    #values h3 {
        font-size:38px;
        line-height:46px;
        margin-top:10px;
        margin-bottom: 15px;
    }
    #values .items {
        flex-direction: column;
    }
    #values .items .flex {
        flex-direction: row;
        padding-bottom:35px;
    }
    #values .items h4 {
        font-size:18px;
        padding-top:0;
        margin-top:0;
    }
    
    #values .items p {
        font-size:14px;
        line-height:19px;
        padding:0;
        margin:0;
    }
    #values .items p br {
        display:none;
    }
    #values .items .text {
        text-align:left;
        width:calc(100% - 80px);
    }
    #values .items .image {
        width:55px;
        margin-right:30px;
    }
    #values a {
        margin-top:-15px;
    }
    #about-us {
        padding-top: 23px;
        padding-bottom:0;
    }
    #about-us .container {
        padding-bottom:0;
    }
    #about-us .blocktitle {
        padding: 15px 20px 10px 20px;
        margin-bottom:40px;
    }
    #about-us .blocktitle h3 {
        font-size:33px;
        line-height:33px;
    }
    #about-us .blocktitle p {
        font-size:28px;
        top:-17px;
    }
    #about-us h4 {
        font-size: 23px;
    } 
    #about-us .flex p {
        font-size: 14px;
        line-height: 19px;
    }
}