body { background: url(_img/bgr.jpg) top center no-repeat; background-size: 100vw; padding: 0; }


h1, h2, h3 { font-family: 'Roboto'; font-weight: normal;  } 



.clear { clear: both; }
.container { max-width: 100%; }

.section-title { border-bottom: 1px dashed #555; padding-bottom: 20px; margin-bottom: 20px; font-weight: normal;}
.section-title h1 { float: left; width: 65%; vertical-align: middle; font-size: 3.1rem; line-height: 3.1rem;  }
.section-title h1 sup { font-size: 1.1rem; vertical-align: super; }
.section-title h3 { float: right; width: 35%; text-align: right; vertical-align: bottom; font-size: 1.5rem; }

a.preview { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 4; cursor: pointer; }

.portfolio-item { max-width: 100%;}
.portfolio #portfolio-flters { background: none; }
.portfolio #portfolio-flters li { font-size: 16px; }

.portfolio .portfolio-wrap .portfolio-info .portfolio-link { margin-top:12px; /* background: #fff; */ border-radius: 40px; }
.portfolio .portfolio-wrap .portfolio-info .portfolio-link i { font-size: 40px;  }
.portfolio .portfolio-wrap .portfolio-link:hover { background: #fff; padding: 12px 15px 8px; }