.custom-navbar{
    background-color: rgb(141, 156, 148); 

}

.banner-bg, footer{
    background-image: linear-gradient( rgba(85, 99, 86, 0.9), rgba(44, 53, 46, 0.9)) , url("./../img/portfolio.png");
    background-size: cover;
}

h1, h2{
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
}

h1{
    letter-spacing: -0.2rem;

}

h2{
    letter-spacing: -0.1rem;
}


.portfolio-content{
    margin: 2.5% 20%;
}

.portfolio-content h1{
    font-size: 3rem;
    font-weight: 600;
}

.portfolio-content h2{
    font-size: 2rem;
    font-weight: 600;
}

.portfolio-content h3{
    font-size: 1rem;
    font-weight: 600;
}

.portfolio-content img{
    width:100%;
    transition: 0.25s;
    margin: 1%;
}
.portfolio-content li{
    margin: 1%;
}

.portfolio-content img:hover{
    transform: scale(1.10);
}

.portfolio-content iframe{
    width: 100%;
    height: 50vh;
}

em{
    font-size:5vw;
}

.tools{
    text-align: center;
}

@media (max-width: 992px){
    .portfolio-content{
        margin: 2.5% 10%;
    }

    .portfolio-content h1{
        font-size: 2.5rem;
    }

    .portfolio-content h2{
        font-size: 1.75rem;
    }

    .tools p{
        font-size: 0.6rem;
    }
}