ScrollTop et padding responsive

Bonjour, à tous.

Ayant une grosse lacune en javascript je fais appel à la communauté pour m'aider.

Voici un exemple : http://jsfiddle.net/olimann/x0uaw2td/34/
j’aimerais savoir comment modifier la valeur de la position Top (20px) quand la largeur de l'écran est en 40em ?

$('.arrow-down').click(function(e){
  		e.preventDefault();
		$('html, body').animate({scrollTop: ($("#content").offset().top - 20)}, 800, 'swing');
});

Merci beaucoup !
Modifié par olimann (11 Oct 2015 - 16:02)