Nice job. I would move the mobile menu breakpoint from 600px to 656px to avoid the nav links wrapping.
Also, I forgot to say if you want the span to be in the center you have to use transform: translateY(-50%)
. If you do that you also don’t need the calc function.
.ptext {
/* All the other CSS */
top: 50%;
transform: translateY(-50%);
}
Note: I explain the need for transform: translate here.