#portifolio{ flex-direction: column; padding: 50px 0; }
#portifolio .barr{ min-height: 1px; display: flex; flex-direction: column; align-items: center; padding: 0 20px; }
#portifolio .barr h4{ width: 100%; font-family: 'Oswald', sans-serif; color: #32395c; font-weight: 600; }
#portifolio .barr span{ border-top: solid 2px #EEE; width: 100%;  }

#portifolio .views{ display: flex; align-items: center; justify-content: space-between; margin-top: 20px }
#portifolio .views a{ width: 40px; height: 40px; display: block; }
#portifolio{ margin-top: 0px; position: relative; display: flex; align-items: center; justify-content: center;}

#portifolio .view{ height: auto; width: calc(100% - 100px); max-height: 400px; }
#portifolio .view img{ min-height: 400px; object-fit: cover; width: 100%; display: block; }
#portifolio .view .slide{ position: relative; display: flex;  }
#portifolio .view .info{ background: rgba(0,0,0,0.3); position: absolute; bottom: 0; display: flex; flex-direction: column; padding: 20px; color: #FFF; }
#portifolio .view .info h2{ margin: 0; font-size: 2rem; text-transform: uppercase; font-family: 'Oswald', sans-serif; }
#portifolio .view .info p{ font-family: 'Didact Gothic', sans-serif; }

#portifolio .galery{ flex-wrap: wrap; padding: 45px; }
#portifolio .galery figure{ width: calc(100% / 3 - 10px); height: calc(100% / 3 - 10px); background-repeat: no-repeat; background-size: cover; background-position: center; margin: 5px; }
@media screen and (max-width: 1150px) {
    #portifolio .galery figure{ height: calc(100vw / 3 - 40px); }
}