<!--PORTFOLIO-->
   <div class="portfolio">
    <div class="container">
        <div class="title">Портфолио</div>

        <div class="row">   
        <!--Portfolio work #1-->
        <div class="column4">
            <div class="portfolio-item">
            <div class="portfolio-item-img"><img src="image/portfolio/zhureq.jpeg" alt="Система поиска доноров крови."></div>  
            <div class="portfolio-item-title"><a href="#">Социальный бизнес-проект.</a></div>
            <div class="portfolio-item-text">Система поиска доноров крови.</div>
            </div>
            </div>
        </div>

        <!--Portfolio work #2--> 
        <div class="column4">
            <div class="portfolio-item">
            <div class="portfolio-item-img"><img src="image/portfolio/project_apollo.jpg" alt="Appollo"></div>  
            <div class="portfolio-item-title"><a href="#">Совместное видео с Homerun Tim для инстаграмма.</a></div>
            <div class="portfolio-item-text">Данной работой мы хотели передать микс японской культуры с нашим временем.</div>
            </div>    
        </div>
            <!--<iframe width="420" height="315" src="https://www.instagram.com/p/BbXLa6LHlJD/?taken-by=jedikuna"></iframe>-->

        <!--Portfolio work #3--> 
        <div class="column4">
            <div class="portfolio-item">
            <div class="portfolio-item-img"><img src="image/portfolio/bakery.jpeg" alt="Выпечка для благотворительности."></div>  
            <div class="portfolio-item-title"><a href="#">Работы в качестве дизайнера/фотографа.</a></div>
            <div class="portfolio-item-text">Данная работы была сделана для благотворительной ярмарки.</div>
            </div>    
        </div>    
        </div>   
    </div> 

/* PORTFOLIO */
.portfolio{
padding-top: 70px;
padding-bottom: 100px;
}

.portfolio-item{
margin-bottom: 20px;
}

.title{
font-size:46px;
font-family: 'Merriweather', serif;
margin-bottom: 60px;
text-align: center;
}

.portfolio-item-img{
margin-bottom: 17px;
}

.portfolio-item-title{
font-size: 24px;
line-height: normal;
margin-bottom: 5px;
}

.portfolio-item-title a{
text-decoration: none;
color: #000;
border-bottom: 1px solid #FFF;
}

.portfolio-item-title a:hover{
color: #0052C2;
border-color: rgba(0, 82, 192, 0.3);
}

.portfolio-item-text p{
margin-top: 0px;
margin-bottom: 15px;
}