.port-image
{
    width: 100%;
}

.col-md-3
{
    margin-bottom:20px;
}

.each-item
{
    position:relative;
    overflow:hidden;
}

.each-item:hover .cap2, .each-item:hover .cap1
{
    left:0px;
}

.nav {
    padding-bottom: 50px;
}

.logo {
    padding-top: 50px;
    padding-bottom: 20px;
}

.cap1
{
    position:absolute;
    width:100%;
    height:80%;
    background:rgba(255, 255, 255, 0.95);
    top:0px;
    left:-100%;
    padding:10px;
    transition: all .5s;
}

.cap2
{
    position:absolute;
    width:100%;
    height:20%;
    background:rgba(200,33,23,0.8);
    bottom:0px;
    left:100%;
    padding:10px;
    
    transition: all .5s;
}

.cap1 p{
    font-size: 2em;
}
.cap2 p{
    font-size: 2em;
}
h3{
    font-weight: bolder;
}

.col-md-4{
    border-style: solid;
    margin:5px;
}