Change CSS element with JQuery when scroll reaches an anchor point
<p>I currently have this solution to change the css elements when the page reaches a certain point but I'd like to use an #anchor-point instead of the pixel value (1804) to be responsive on smaller screens. I know it must be easy but I can't find how: </p>

<pre><code>$(document).scroll(function(){
    if($(this).scrollTop() &gt; 1804)
    {   
        $('#voice2').css({"border-bottom":"2px solid #f4f5f8"});
        $('#voice3').css({"border-bottom":"2px solid #2e375b"});
    }
});
</code></pre>

<p>This is the current state: <a href="http://tibio.ch/" rel="nofollow">http://tibio.ch</a>
Thank you,</p>
