div.intro.sub{max-width: 60%;padding-bottom: 0.25rem;}
.intro{margin-top: 0;}
.intro.sub p{margin:2rem 0 6rem;font-size: 16px;height: 25px;line-height: 25px;}
.responsible-conduct{padding-bottom: 150px;}


.text-center .title .accent {font-size: 60px;}
.sub1 .title .accent{font-size: 48px;}
.infoblock p{font-size: 16px;}
#history .text p span, .history .text p span,section.responsible-conduct .block .infoblock p span{height: 25px;line-height: 25px;}









@media (max-width: 768px) {
    .history .image,#history .image{display: none;}
    #history>.background, .history>.background{width: 100%;}
    #history .text, .history .text{width: 100%;margin-left: 0;}
    div.intro.sub{max-width: 100%;}
    .responsible-conduct{padding-bottom: 30px;}
    .site-footer .main .logo{padding-top: 0;padding-bottom: 5rem;}
    .title .accent{font-size: 36px;}
    #history .text h2.title .accent, .history .text h2.title .accent{font-size: 28px;}
    .sub1 .title .accent{font-size: 30px;}
    #history{margin-bottom: 3rem;}
    .intro.sub p{height: auto;}
    .text-center .title .accent{font-size: 30px;}
    .history .text{text-align: left;}





































































}