.portfolio .container-fluid{
    max-width: 1500px;
}
    .internal-banner-button {
        height: 100%;
        display: flex;
        align-items: flex-end;
    }

    .internal-banner-button .btn{

        margin-bottom: 20px;
    }
  

    .portfolio-content h2{
        font-weight: 700;
        text-transform: uppercase;
        font-size: 2.500em;
        color: #fff;
    }
    .portfolio-content h2 a{
        color: #fff;
        line-height: 140%;
    }    
    .portfolio-content h2 a:hover{
        color: #ffffffb8;
    }    
    .portfolio-content p,
    .portfolio-content li{
        color: #eec338;
        font-size: 1.2em;
        text-transform: uppercase;
        padding-bottom: 0;
        margin-bottom: 0;
        display: inline-block;
    }
    .portfolio-content li:last-child span{
        display: none;
    }
    .portfolio-box,
    .portfolio-content{
        position: relative;
    }
    .portfolio-box{
        margin-bottom: 30px;
    }
    .portfolio-content{    
            padding: 13px 50px 13px 50px;
    }
.portfolio-link{
        /*position: absolute;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 100%;    
        z-index:200;*/
}
    .portfolio-overlay {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 0;
        display: flex;
        align-items: flex-end;
        background-color: #000000b5;
        transition: height 0.4s ease-out;
        overflow: hidden;
    }

    .portfolio-box:hover .portfolio-overlay{
        height: 100%;
    }
    .portfolio-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (max-width: 1024px){
    .portfolio-content h2{
        font-size: 2em;
    }
    .portfolio-content p{
        font-size: 1.1em;
    }    
}

@media screen and (max-width: 991px){

    .portfolio-content h2{
        font-size: 1.3em;
    }
    .portfolio-content h2 a{
        line-height: 110%;
    }
    .portfolio-content p{
        font-size: 1em;
    }
    section.portfolio {
        padding-bottom: 0;
    }
    .portfolio-box {
        margin-bottom: 20px;
    }
    section.portfolio .col-md-6{
        padding: 0 10px;
    }
}
@media screen and (max-width: 768px){

    .portfolio-content {
        padding: 13px 30px;
    }

    .portfolio-content p{
        padding-bottom: 0;
    }    


}

@media screen and (max-width: 595px){
    .portfolio-content h2 {
        font-size: 1.3em;
        margin-bottom: 0;   
    }
    .portfolio-content ul{
        margin-bottom: 0;
    }
    /* .portfolio-content{
        background-color: rgb(0 0 0 / 31%);
        display: block;
        width: 100%;
    } */
    /* .portfolio-overlay{
        overflow: visible;
    } */
    /* .portfolio-box:hover .portfolio-overlay{
        background-color: transparent;
    } */
    .portfolio-content {
		/* background-color: rgb(0 0 0 / 31%); */
		display: block;
		width: 100%;
        padding-top: 0;
	}
    .portfolio-link{
        pointer-events: none;
    }
    .portfolio-box:focus .portfolio-overlay{
        height: 100%;
    }
    .portfolio-overlay{
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        text-align: center;
    }
}


@media screen and (max-width: 480px){
    
    .portfolio-content p{
        font-size: 0.9em;
    }        
}


@media screen and (max-width: 380px){
     .portfolio-content h2{
        font-size: 1em;
    }
    .portfolio-content p{
        font-size: 0.8em;
    }           
}