Links Not Working On Site When Screen Size Is Reduced

I am realtively new to HTML/CSS and working on a responsive site. I'm sure I have some improper techniques at this point but aesthetically things are working okay for me so far. MY

Solution 1:

The list items in your navigation have a large padding and they are also positioned inline. When they break on the next line (because there is not enough horizontal space) they overlap. The padding of the ones coming last in the list extend over the links above and cover them up. That's why you can't click them.

Try this as a quick fix:

li {
    display: inline;
    font-family: 'bikoregular';
    color: #2d9471;
    padding: 04em; /* removed padding at the top and bottom */
}