.Portfolio {
    position: relative;
    margin: 12px;
border: 0px solid black;
float: left;
width: 365px;
    transition-duration: 0.4s;
    animation: winanim 0.5s ;
-webkit-backface-visibility:visible;
    backface-visibility:visible;
}

.Portfolio:hover {
}

.Portfolio img {
    width: 100%;
    height: auto;
}

.desc {
    padding: 5px;
    text-align: center;
    font-size: 90%;
    background:black;
    color:hotpink
}

.sto_im .nav {
    padding:20px;
        text-align: center;
    margin: auto;
    margin-top:-30px;
}

.sto_im .nav li a { 
    margin:5px;
        padding: 12px 26px; 
    font-size:19px !important; 
  color: white !important;
background: #525151;
    transition-duration: 0.4s;
}
.sto_im .nav a:hover { 
    background:#796309; 
}
.sto_im .nav .active { 
        background-color: rgb(167 143 44) !important;
    color:#fff !important;
}

@keyframes winanim {
    0%{opacity:0;transform:scale3d(.3,.3,.3)}
    50%{opacity:1}

    
    
}
.sto_im h3
{
    font-size: 25px;
    color: #7d7a7a;
        margin: 27px 0;
}
.sto_im p {
        padding: 0 44px ;

   
    font-size: 16px;
    color: #636363;
    margin-bottom: 91px;
    margin-top: 43px;
}
.sto_im .Portfolio .modal p {
   
    font-size: 15px;
    color: #636363;
    line-height: 18px;
    margin-top: 20px;
    margin-bottom: 0px;
    padding: 0 !important;
    text-align: left !important;
}
.sto_im .Portfolio .modal .close {
    text-align: right!important;
    background-color: rgb(85, 85, 85) !important;
    font-size: 16px;
    color: white;
    padding: 4px 20px;
    margin-top: 20px;
    margin-right: 0;
    opacity: 1.2 !important;
    line-height: 24px !important;
    font-weight: 100 !important;
}
.sto_im .Portfolio .modal .btn {
    text-align: right!important;
    background-color: rgb(85, 85, 85) !important;
    font-size: 16px;
    color: white;
    padding: 4px 20px;
    margin-top: 20px;
    margin-right: 8px;
    border-radius: 0px;
}