body{min-width:0;height:auto}#wrapper{width:min(960px,calc(100% - 32px));min-height:0}#header .row{display:flex;align-items:center;justify-content:space-between;overflow:visible;flex-direction:row-reverse}#nav{display:flex;flex-wrap:wrap;gap:20px;padding:0}#nav li{margin:0}.logo{flex-shrink:0}.promo img{width:100%;height:auto}.promo .view{top:auto;bottom:36px;max-width:calc(100% - 80px);box-sizing:border-box}.three-cols{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px}.three-cols .col{width:auto;margin:0}.portfolio ul{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:33px}.portfolio ul li{margin:0}.portfolio ul img{width:100%}#main{padding-bottom:40px}#footer{height:auto;margin:0}#footer .holder{width:min(960px,calc(100% - 32px))}.onup-detail{padding:30px 0;line-height:1.8}.onup-detail h1{font-size:28px;line-height:1.3;margin-bottom:20px}.onup-detail img{max-width:100%;height:auto}.onup-detail p{margin-bottom:18px}.onup-detail ul{list-style:disc;padding-left:24px}@media(max-width:720px){#header .row{flex-direction:column-reverse;align-items:start;gap:24px;margin-top:16px}#header .mail{text-align:left}#nav{gap:12px 24px}#nav a{display:block;padding:10px 0}.three-cols{grid-template-columns:1fr;gap:24px}.promo .view{left:12px;bottom:28px;max-width:calc(100% - 24px);width:auto;font-size:11px;line-height:24px}.promo .view a{margin-left:12px;background:none}.portfolio ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.block .social{float:none;width:auto;margin:0 0 24px}#footer .logo1{float:none;display:block;margin-bottom:16px}}
