the catalog looks perfect on the desktop but can you  help me make the font size smaller on mobile 

thanks

i manage to make the title  font smaller  but 

how can i make pop up dialog wider and make the font smaller with Justify 

https://drasouhairaoun.procitas.com/citas/

@media (max-width: 980px) {
.el-dialog__body {
    padding: calc(var(--el-dialog-padding-primary) + 0px) var(--el-dialog-padding-primary);
    color: var(--el-text-color-regular);
    font-size: var(--el-dialog-content-font-size);
    text-align: justify;
}}

i try this code it works for me on inspect elements in browser only but not on the site

thanks 

hello thanks for your reply

Click on this link 
https://drasouhairaoun.procitas.com/citas/ 
switch language to English to better understand  click on any category 

then click on view doctor 

hello here is a mobile photo 

you just have to click on the view doctor button 

then the popup will show up then click the down arrow to see the text

yes that correct

it works thanks but I also want the employee description box to be wider