@import url(https://fonts.googleapis.com/css?family=PT+Sans&subset=cyrillic,latin);html{min-height:100%}body{margin:0;font-family:'PT Sans';color:#888;font-size:15px;min-height:100%}*{box-sizing:border-box}.left{float:left}.right{float:right}.clr{clear:both}.main-page{display:flex;flex-wrap:wrap;width:720px;padding-left:40px;padding-right:10px;justify-content:space-between}.main-block{padding-left:60px;width:320px;position:relative;margin-bottom:20px}.main-block h2{margin-top:0;font-size:21px;text-transform:lowercase;line-height:21px;margin-bottom:5px;font-family:'Trebuchet MS','Lucida Sans Unicode','Lucida Grande','Lucida Sans',Arial,sans-serif}.news h2,.projects h2{margin-bottom:10px}.block-logo{position:absolute;left:0}.date{font-size:14px;font-weight:bold;margin:0}.date>a{color:#4897e2;text-decoration:none}.news-item article>p{margin:2px 0 0 0}.news-item{margin-bottom:10px}.all{text-align:right;margin-top:20px}.all a,.all a:hover,.all a:focus{text-decoration:none;color:#4897e2;font-size:14px;font-weight:bold}.projects h3{font-size:14px;font-weight:bold;margin:0}.projects h3>a{color:#4897e2;text-decoration:none}.project-item{margin-bottom:10px}.projects article>p{margin:0}.contacts-item{letter-spacing:1px}.contacts-item>p:first-child{margin-bottom:0}.contacts-item>p:last-child{margin-top:0}.contacts-type{font-size:11px;color:#4897e2;font-weight:bold}.contacts-link{color:#888;padding-left:10px;font-size:16px;font-weight:bold;text-decoration:none}footer{height:100px}.list-item{margin-bottom:20px}.list-item header a{color:#4897e2;text-decoration:none;font-weight:bold}.list-page{padding-left:120px;position:relative;width:720px}.list-page>img,.article-page>img{position:absolute;left:40px}.list>header,.article-page>header{margin-top:0;font-size:30px;text-transform:lowercase;line-height:22px;margin-bottom:20px;font-weight:bold;font-family:'Trebuchet MS','Lucida Sans Unicode','Lucida Grande','Lucida Sans',Arial,sans-serif}.article-page>header>a,.article-page>header>a:hover{text-decoration:none;color:#888}.article-page{width:720px;padding-left:120px}.article header h1{color:#4897e2;text-decoration:none;font-size:18px}.article p{text-indent:20px;margin-bottom:20px}.article li{margin-bottom:20px}@media(max-width:720px){.main-page,.list-page,.article-page{width:100%}.list-page,.article-page{padding-right:10px}.main-block{width:50%}}@media(max-width:600px){.main-block{width:100%}.main-page{padding-left:10px}}@media(max-width:480px){.list-page,.article-page{padding-left:40px}.list>header,.article-page>header{padding-left:80px}}