html, body {
	font-size: 18px;
	font-family: 'Roboto',sans-serif;
	color: #fff;
	background-color: #000;
	padding: 0;
	margin: 0;
	}
body{

	}
a{
	text-decoration: none;
	/*color: #4A89CA;*/
	color: #fff;
	padding: 1px;
	border-bottom: 1px solid rgba(220,220,220,0.2)
	}
a:visited{
	color: #fff;
	}
a:hover{
	color:#f00;
	border-bottom: 1px solid rgba(210,40,40,0.2)
	}

.g-cont{
	max-width: 640px;
	}

.b-header{
	margin: 30px 0 0 25px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-content: center;
	}
.b-header__main{
	display: flex;
	}
.b-header__logo{
	background-image: url(/static/i/leonid_lapidus.png);
    background-size: 110%;
    width: 80px;
    height: 56px;
    border: 1px solid #222;
    border-radius: 30px;
    background-position: -3px 0px;
    background-repeat: no-repeat;
	}
.b-header__logo:hover{
	box-shadow: 0 0 13px #73f;
	}
.b-header__logoLink--active{
	font-weight: 400;
	/*border-bottom: 1px solid rgba(255,255,255,.1);*/
	color: #1367bd;
	}
.b-header__title{
	margin: 0 0 0 8px;
	align-self: center;
	font-size: 24px;
	color: #fff;
	font-weight: 400;
	}
.b-header__nav{
	display: flex;
	align-content: center;
	}
.b-header__navItem{
	align-self: center;
	font-weight: 300;
	font-size: 18px;
	border-bottom: 1px solid rgba(96,125,139,.3);
	color: #607D8B;
	margin: 0 0 0 16px;
	}
.b-header__navItem--active{
	font-weight: 400;
	border-bottom: 1px solid rgba(255,255,255,.1);
	color: #1367bd;
	}

.b-content{
	margin: 40px 0 20px 25px;
	}
.b-content__title{
	font-size: 32px;
    margin: 0 0 40px;
    font-weight: 700;
	}
.b-content p{
	margin: 0 0 22px 0;
	line-height: 21px;
	}
.b-content a{
	color: #fff;
    border-bottom: 1px solid rgba(250,250,250,.3);
	}
.b-content a:hover{
	color: #f00;
	border-bottom: 1px solid rgba(250, 20, 20, 0.3);
	}
.b-footer{
	margin: 50px 0 0 25px;
	color: #d0d0d0;
	font-size: 12px;
	}

.b-header__logoLink{
	display: block;
	}

.b-contact__link{
	font-size: 32px;
	border-bottom: none !important;
	color: #757575;
	margin: 0 24px 0 0;
	}
.b-content__titleH2{
	margin: 0 0 8px 0;
	font-size: 20px;
	}
.b-project__item{
	margin: 0 0 24px 0;
	}

.b-blog__year{
	margin: 0 0 24px 0;
	}
.b-blog__yearTitle{
	margin: 0 0 8px 0;
	font-size: 20px;
	}
.b-blog__postLink{
	margin: 0 0 4px 0;
    display: inline-block;
	}




.timeline-item {
	padding: 1em 1em 1.5em;
	position: relative;
	color: rgba(255, 255, 255, 0.7);
	border-left: 1px solid rgba(255,255,255,0.3);
}
.timeline-item p {
  font-size: 0.8rem;
}
.timeline-item::before {
	content: attr(date-is);
	position: absolute;
	left: 1.45em;
	font-weight: bold;
	top: 1.3em;
	display: block;
	/* font-family: "Roboto", sans-serif; */
	font-weight: 300;
	font-size: 0.685rem;
}
.timeline-item::after {
	width: 11px;
	height: 11px;
	display: block;
	top: 1em;
	position: absolute;
	left: -6px;
	border-radius: 10px;
	content: "";
	/* border: 2px solid rgba(255, 255, 255, 0.3); */
	background: white;
}
.timeline-item:last-child {
  -o-border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0)) 1 100%;
     border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 60%, rgba(0, 255, 255, 0)) 1 100%;
}


@media screen and (max-width: 520px) {
	.b-header__nav {
    	margin: 16px 0 0 0;
	}
	.b-header__navItem{
		margin: 0 16px 0 0;
	}
	.b-content {
    	margin: 40px 20px 20px 25px;
	}
	.b-contact__link{
		font-size: 24px;
	}
}