h1 { font-size: 50px; }

body {
	margin: 0 50px;

    max-width: unset;
    width: calc(100% - 100px);
}


nav.top { padding: 0 50px; box-sizing: border-box; }
nav.top > div > ul.menu { width: 620px; }
nav.top > div > .search { position: absolute; top: 0; right: 0; }

#about { grid-auto-columns: 1fr; grid-template-columns: unset; }
#about .about { width: 100%; }

#description { width: 100%; }
#demo {
    width: 100%;
}

#services { grid-gap: 60px 0; }
#services > ul.services { grid: max-content / auto; }
#services > ul.services > li { width: 100%; }
#services > ul.services > li:nth-child(3) { grid-row: 2; }
#services > ul.services > li.common { grid-column: unset; }
#services > ul.services > li .header .icon { width: 90px; height: 90px; background-size: 40px; }

#advantages > ul.advantages { grid-auto-flow: row; }
#advantages > ul.advantages > li > .icon { width: 135px; height: 125px; background-size: contain; }

#docs > ul.docs {
    grid-auto-flow: row;
}

    #docs > ul.docs > li > .icon {
        width: 135px;
        height: 125px;
        background-size: contain;
    }

#contacts { width: 100%; }

footer { padding-left: 50px; padding-right: 50px; }