Brak możliwości zjechania na dół strony

Witam, dodałem przykładowy film z yt na stronę i po dodaniu go nie mogę zjechać na dół strony :/ Pomoże ktoś?

<!DOCTYPE HTML>	
<html>
<head>

	<title>PierwszaPomoc.pl</title>
	<meta charset="utf-8" />
	
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	
	<meta name="description" content="Strona poświęcona pierwszej pomocy." />
	
	<meta name="keywords" content="pierwsza, pomoc, pierwsza pomoc, przedmedyczna, pomoc przedmedyczna" />
	
	<link href="style.css" rel="stylesheet" type="text/css" />
	<link href="css/fontello.css" rel="stylesheet" type="text/css" />
	
	<link href='https://fonts.googleapis.com/css?family=Lato:400,700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
</head>
<body>

	<div class="wrapper">
			<div class="header">
			
				<div class="logo"><left><b><span style="color: #ea383e">Pierwsza</span>Pomoc.pl</b></left></div>
			</div>
				<div class="nav">
					<ol>
						<li><a href="index.html">Strona główna</a></li>
						<li><a href="#">Krwotoki</a>
							<ul>
								<li><a href="#">Krwotok z nosa</a></li>
								<li><a href="#">Krwotok żylny</a></li>
								<li><a href="#"<Krwotok tętniczny</a></li>
								<li><a href="#">Krwotok z głowy</a></li>
							</ul>
						</li>
						<li><a href="#">Urazy ciała</a>
						<ul>
								<li><a href="#">Zwichnięcie, skręcenie stawu skokowego</a></li>
								<li><a href="#">Zwichnięcie, skręcenie nadgarstka</a></li>
								<li><a href="#">Zwichnięcie, skręcenie palca</a></li>
								<li><a href="#">Złamanie zamknięte ręki</a></li>
								<li><a href="#">Złamanie otwarte ręki</a></li>
								<li><a href="#">Złamanie zamknięte nogi</a></li>
								<li><a href="#">Złamanie otwarte nogi</a></li>
								<li><a href="#">Uraz głowy</a></li>
						</ul>
						</li>
						<li><a href="#">Bijatyki</a>
						<ul>
								<li><a href="#">Mortal Kombat</a></li>
								<li><a href="#">Nekketsu K.D.</a></li>
								<li><a href="#">Double Dragon</a></li>
								<li><a href="#">Turtles T.</a></li>
						</ul>
						</li>
						<li><a href="#">Gry sportowe</a>
						<ul>
								<li><a href="#">Goal 3</a></li>
								<li><a href="#">Excitebike</a></li>
								<li><a href="#">Ike Ike Hockey</a></li>
								<li><a href="#">Tennis</a></li>
						</ul>
						</li>
						<li><a href="#">Kontakt</a></li>
					</ol>
				</div>
				<div class="content">
					<center><h3>Cześć!</h3></center>
					<p>Strona PierwszaPomoc.pl ma na celu nauczenie Was jak pomóc komuś, kto potrzebuje naszej pomocy.
					Znajdziesz tutaj inforamcje na temat mniejszych urazów np. skaleczenia, ale także na temat braku oddechu, czy poważnych urazów głowy/kręgosłupa.
					Przy każdej sytuacji jest dokładny opis postępowania, oraz film instruktażwoy. W filmach staram się jak najbardziej odwzorować prawdziwą sytuację, używać sprzętu medycznego i technik charakteryzacji.</p>
					<center><iframe width="670" height="410" src="https://www.youtube.com/embed/TlwNwWtVVT0" frameborder="0" allowfullscreen></iframe></center>

					<p><b>Pamiętaj, że nie jestem ratownikiem medycznym, jestem jak narazie tylko po kursie pierwszej pomocy, ale wiedzę na ten temat mam dosyć dużą. Jest to moje hobby i w przyszłości mam zamiar zostać ratownikiem medycznym.</b></p>
					
				</div>
				
			<div class="footer">PierwszaPomoc.pl &copy; 2016 Wszelkie prawa zastrzeżone.<br />Każdy materiał może zostać użyty w celach edukacyjnych, po kontakcie z włścicielem strony (zakładka "Kontakt").
			</div>
	</div>
	<script src="jquery-1.12.2.min.js" > </script>

<script>

	$(document).ready(function() {
	var NavY = $('.nav').offset().top;
	 
	var stickyNav = function(){
	var ScrollY = $(window).scrollTop();
		  
	if (ScrollY > NavY) { 
		$('.nav').addClass('sticky');
	} else {
		$('.nav').removeClass('sticky'); 
	}
	};
	 
	stickyNav();
	 
	$(window).scroll(function() {
		stickyNav();
	});
	});
	
</script>
	

</body>

</html>

body
{
	background-color: #303030;
	color: #ffffff;
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	margin: 0 !important;
}

.wrapper
{
	
}

.header
{
	width:100%;
	padding: 40px 0;
}

.logo
{
	width: 450px;
	font-size: 48px;
	margin-left: auto;
	margin-right: auto;
}

.nav
{ 
	width: 100%;
	padding: 10px 0;
	background-color: #c34f4f;
	text-align: center;
	border-top: 1px solid #751b1b;
	border-bottom: 1px solid #751b1b;
	margin-left: auto;
	margin-right: auto;
}

.content
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	padding-top: 10px;
}



.footer
{
	text-align: center;
	background-color: #292929;
	padding: 15px;
	width:67.7%;
	margin-left: auto;
	margin-right: auto;
}

.sticky
{
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
}

ol
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 18px;
	height: 35px;
	line-height: 200%;
	display: inline-block;
}

ol a
{
	color: #ffffff;
	text-decoration: none;
	display: block;
}

ol > li
{
	float: left;
	width: 150px;
	height: 40px;
	border-right: 1px dashed #751b1b;
}

ol > li:first-child
{
	border-left: 1px dashed #751b1b;
}

ol > li:hover
{
	background-color: #cf6969;
}

ol > li:hover > a
{
	color: #451717;
}

ol > li > ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	height: 40px;
	display: none;
}

ol > li:hover > ul
{
	display: block;
}

ol > li > ul > li
{
	background-color:#cf6969;
	position: relative;
	z-index: 100;
	border-top: 1px dashed #751b1b;
}

ol > li > ul > li:hover
{
	background-color: #c34f4f;
}

ol > li > ul > li:hover > a
{
	color: #451717;
}