

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Creative Lawyering.</title>
        <meta name="Description" content="" />
        <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700&display=swap" rel="stylesheet">
        <link rel="stylesheet" href="/static/css/main.css?v=0.0.4" type="text/css"/>
        <!--  -->
        <meta name="viewport" id="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
        <link rel="stylesheet" type="text/css" media="screen and (orientation:landscape) and (max-width: 1024px)" href="/static/css/m/md.css?v=0.0.3"/>
        <!-- <link rel="stylesheet" type="text/css" media="screen and (min-width: 1440px)" href="/static/css/m/lg.css?v=0.0.3"/> -->
        <link rel="stylesheet" type="text/css" media="screen and (max-width: 1000px)" href="/static/css/m/md.css?v=0.0.5"/>
        <link rel="stylesheet" type="text/css" media="screen and (max-width: 767px)" href="/static/css/m/sm.css?v=0.0.10"/>
        
<link rel="stylesheet" type="text/css" href="/static/slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="/static/slick/slick-theme.css"/>
<!-- <link rel="stylesheet" type="text/css" href="/static/css/slider.css"/> -->
<style>
footer {
    margin-top: -2%;
}
</style>

        
    </head>
    <body>
        <header id="top">
            <div class="col0">
                
                <a href="/" id="logo"><img src="/static/logos/Berck-Logo.svg" alt="" /></a>
                <!-- <div class="phoneRow"><p>Manhattan <a href="tel:1-212-812-2165">+1 212 812 2165</a></p> <p class="pipe">|</p> <p>Beacon <a href="tel:1-845-335-7026">+1 845 335 7026</a></p></div>
                <div id="menuBtn" class="left">
                    <svg id="burger" width="30" height="30" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
                        <g>
                            <path id="bar1" fill="none" stroke="#fff" stroke-width="5" stroke-linejoin="bevel" stroke-linecap="round" d="m 5,14 54,0"/>
                            <path id="bar2" fill="none" stroke="#fff" stroke-width="5" stroke-linejoin="bevel" stroke-linecap="round" d="m 5,30 54,0"/>
                            <path id="bar3" fill="none" stroke="#fff" stroke-width="5" stroke-linejoin="bevel" stroke-linecap="round" d="m 5,46 54,0"/>
                        </g>
                    </svg>
                </div> -->
            </div>
            <div id="gradient"></div>
            <!-- <nav id="menu" >
                <div class="col0 tal">
                    <div class="row">
                        <a href="/about/" id="aboutNav">About.</a>
                        <a href="/biography/" id="bioNav">Biography.</a>
                        <a href="/practice/" id="practiveNav">Practice Areas.</a>
                        <a href="/contact/" id="contactNav">Contact.</a>
                        <a href="/blog/" id="blogNav">Blog.</a>
                    </div>
                    <a href="/collection/" id="collectionNav"><img src="/static/icons/GuitarButton.svg" alt=""></a>
                </div>
              
            </nav> -->
        </header>
       
        

<div id="heading">
    <div class="col0 tal">
        <h1>Greetings.</h1>
        <p>I have recently joined Catania, Mahon & Rider, PLLC.  Contact me <a href="https://www.cmmrlegal.com/jonathan-s-berck" style="text-decoration: underline;" target="_blank">there</a> where my colleagues and I are ready to serve all of your legal needs.</p>
        <p>Yours truly,<br/>
            Jonathan S. Berck<br/>
            <br/>
            Catania, Mahon & Rider, PLLC<br/>
            1 Corwin Court<br/>
            Newburgh, New York 12550<br/>
            Tel: (845) 569-4372<br/>
            Email: <a href="mailto:jberck@cmrlaw.com" target="_blank">jberck@cmrlaw.com</a>
        </p>
    </div>
</div>
<section class="slides" id="homeSlides">
    
    

    
    
    <div><img src="/media/cache/d2/e9/d2e982e02f64434ca91fb2b2825557ed.jpg" alt="" /></div>
    
    

    

    
    
    <div><img src="/media/cache/3e/89/3e89174213f6f8d9214ccd1591f56832.jpg" alt="" /></div>
    
    

    

    
    
    <div><img src="/media/cache/36/e9/36e9543b0a7f3d612a5a21145f7fdaae.jpg" alt="" /></div>
    
    

    

    
    
    <div><img src="/media/cache/5c/91/5c9157e8cfdf5daa93aa41708fdce92d.jpg" alt="" /></div>
    
    

    

</section>



        <footer id="footer">
            <div class="col0 tal">
                <!-- 
                

<div class="addresses">
    <div class="row">
        
        <div class="col50">
            <p>125 Park Avenue, 25th Floor<br>New York, New York 10017</p>
            <p>Tel: +1 212 812 2165</p>
        </div>
        
        <div class="col50">
            <p>16 Church Street<br>Beacon, New York 12508</p>
            <p>Tel: +1 845 335 7026</p>
        </div>
        
    </div>

    <div class="row cellLink">
        <div class="col50">
            <p>Cell: +1 917 470 2404<br><a href="mailto:law@jsberck.com" target="_blank">Email: law@jsberck.com</a></p>
        </div>
    </div>
</div>
                
                 -->
                <div class="row termsLink"><a href="/terms/">Terms of Service & Privacy Policy</a></div>
                <p class="cw">&copy; 2021 Jonathan S. Berck, LLC. This website contains attorney advertising.</p>
                <!-- <a href="/collection/" id="collectionIcon"><img src="/static/icons/GuitarButton.svg" alt=""></a> -->
            </div>
        </footer>
        <svg class="spin" id="spinner" height="120px" preserveAspectRatio="xMidYMid" viewBox="0 0 100 100" width="120px" xmlns="https://www.w3.org/2000/svg">
            <rect class="bk" fill="none" height="100" width="100" x="0" y="0"/>
            <g transform="translate(50 50)">
                <g transform="rotate(0) translate(34 0)"><circle cx="0" cy="0" fill="rgb(255,255,255)" r="6" class="spinCircle"></circle></g>
                <g transform="rotate(45) translate(34 0)"><circle cx="0" cy="0" fill="rgb(255,255,255)" r="6" class="spinCircle"></circle></g>
                <g transform="rotate(90) translate(34 0)"><circle cx="0" cy="0" fill="rgb(255,255,255)" r="6" class="spinCircle"></circle></g>
                <g transform="rotate(135) translate(34 0)"><circle cx="0" cy="0" fill="rgb(255,255,255)" r="6" class="spinCircle"></circle></g>
                <g transform="rotate(180) translate(34 0)"><circle cx="0" cy="0" fill="rgb(255,255,255)" r="6" class="spinCircle"></circle></g>
                <g transform="rotate(225) translate(34 0)"><circle cx="0" cy="0" fill="rgb(255,255,255)" r="6" class="spinCircle"></circle></g>
                <g transform="rotate(270) translate(34 0)"><circle cx="0" cy="0" fill="rgb(255,255,255)" r="6" class="spinCircle"></circle></g>
                <g transform="rotate(315) translate(34 0)"><circle cx="0" cy="0" fill="rgb(255,255,255)" r="6" class="spinCircle"></circle></g>
            </g>
        </svg>	
        <!-- Scripts -->
        <script src="/static/js/jquery.1.12.4.min.js"></script>
        <script src="/static/js/imagesloaded.min.js"></script>
        <script>
            $(function(){$("#menuBtn").on("click",function(){
                $(this).hasClass("on")?($('#top').removeClass('active'),$("#bar1").attr("d","m 5,14 54,0"),$("#bar2").show(),$("#bar3").attr("d","m 5,46 54,0"),$(this).removeClass("on")):($('#top').addClass('active'),$("#bar1").attr("d","m 5,5 54,54"),$("#bar2").hide(),$("#bar3").attr("d","m 5,58.5 54,-54"),$(this).addClass("on"));
            })});
            $(function(){
                $('body').addClass('loading');
                $('.slides').imagesLoaded(function(){
                    console.log('all images are loaded');
                    $('body').removeClass('loading');
                    $('.slides').addClass('active');
                    $('#heading').addClass('active');
                    var content = $('content');
                    if (content) {
                        $('#content').addClass('active');
                    }
                });
            });
            $(function(){
                $('#downArrow').click(function(){
                    $('html,body').animate({
                        scrollTop: $("#downArrow").offset().top + 20
                    }, 500);
                });
                $(".spinCircle").each(function(e){delay=.12*e,$(this).attr("style","animation-delay: "+delay+"s;")});
            });
            window.addEventListener("scroll", function() {
                var elementTarget = document.getElementById("heading");
                if (window.scrollY > (elementTarget.offsetTop + elementTarget.offsetHeight)) {
                    document.getElementById("top").classList.add('scroll');
                } else {
                    document.getElementById("top").classList.remove('scroll');
                }
            });
            
        </script>
        
<script type="text/javascript" src="/static/slick/slick.min.js"></script>
<script>
$('.slides').slick({
    dots: false,
    arrows: false,
    infinite: true,
    speed: 1000,
    autoplay: true,
    fade: true,
    cssEase: 'linear',
    pauseOnHover: false,
    pauseOnFocus: false,
    autoplaySpeed: 3000
   });

</script>

    </body>
 </html>