Hi,

I've tried playing with css, but wasn't successful, so I would kindly ask for your help.

I have font-size related issues all around the website and can't figure out a way to make it automatically adjust depending on resolution.

1) For example, in certain resolution, portfolio item header text goes out of the header boundaries - i've solved it with the following code in css. But maybe there's a more automatic approach, which could set the text box size depending on resolution and adjust font size with some padding at the top&bottom?

.single-portfolio .row .col.section-title h1 {
    font-size: 80px !important;
    line-height: 90px !important;
}
/* Mobile */
@media only screen and (max-width: 470px) {
.single-portfolio .row .col.section-title h1 {
    font-size: 30px !important;
    line-height: 35px !important;
}

Example link: https://aiboost.lt/naujienos/nuolat-besiklausantys-telefonai-ir-diskriminuojantis-dirbtinis-intelektas-siuolaikinis-zmogus-algoritmu-ikaitas/ 

2) The same issue is with the portfolio grid - I can't decrease the font size of the work-item vert-center. Maybe there's a code to force it to automatically adjust to the resolution within the text box with some padding?

Example link: https://aiboost.lt/naujienos/  

Sorry for the lame questions, i'm not good with css :(

I can't even begin to describe how thankful i am for your incredibly fast response which worked!

Just adjusted vw to 4.5 and font to 25 - it's now perfect :)

Thank you!