$(document).ready(function() {

    reassignWidth();

    $(window).resize(function() {
        reassignWidth();
    });

    $('nav a').click(function(event) {
        event.preventDefault();
        var name = $(this).attr('href').replace('#', '');
        $.scrollTo($('section[name=' + name + ']'), 700, {
            easing: 'swing'
        });
    });
});

function reassignWidth() {
    var width = $(window).width();
    $('nav')
        .css('padding-left', (width - 700) / 2 + 'px')
        .css('padding-right', (width - 700) / 2 + 'px');
    $('section').css('padding-right', (width - 700) / 2 + 'px');
    $('section').css('padding-left', (width - 700) / 2 + 'px');
    $('#content').css('width', (5 * width) + 'px');
}