czcionka i jej wielkość nie chce się ustawić

Witam. Piszę ponieważ mam problem z czcionką. Za cholerę nie chce mi się ustawić, a tekst jest mały. Żeby powiększyć muszę dopisywać <h1>, ale przy zegarze wielkość i tak nie działa, czcionka na zegarze chyba zmieniona, ale imię i nazwisko zostało jak było. Próbowałam również inne czcionki niż podane na filmiku, patrzyłam czy wszystkie nawiasy itd. się zgadzają i nie znalazłam żadnego błędu. Nawet pobrałam i kopiowałam od Pana Mirosława z plików i dalej nic.

Pozdrawiam

<!DOCTYPE HTML>
<html lang="pl">
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	
	<title>Angelika Dobrowolska - Portfolio</title>
	
	<meta name="description" content="Stworzę dla Ciebie wyjątkową stronę www! Zatrudnij programistę webowego: PHP, JavaScript, HTML, CSS, MySQL, WordPress, Joomla, Drupal." />
	<meta name="keywords" content="zamów, stronę, tworzenie, www, programista, portfolio, php, javascript, html, css, WordPress, Joomla, Drupal" />
	
    <link rel="stylesheet" href="style.css" type="text/css" />
	<link rel="stylesheet" href="css/fontello.css" type="text/css" />
	<link href="https://fonts.googleapis.com/css?family=Josefin+Sans|Lato&amp;subset=latin-ext" rel="stylesheet">
	
	<script src="timer.js"></script>
	
</head>

<body onload="odliczanie();">

	<div id="container">
	
		<div class="rectangle">
			<div id="logo"><a href="zatrudnij-programiste-webowego" class="tilelinkhtml5">Angelika Dobrowolska</a></div>
			<div id="zegar">12:00:00</div>
			<div style="clear: both;"></div>
		</div>
	
	<div class="square">
		<div class="tile1">
		  <a href="kim-jestem" class="tilelink"><i class="demo-icon icon-user"></i><br />Kim jestem?</a>
		 </div>
		<a href="oferta-tworzenie-stron-www" class="tilelinkhtml5">
		  <div class="tile1">
		      <i class="demo-icon icon-laptop"></i><br />Co oferuję?
		  </div>
		  </a>
		<div style="clear: both;"></div>
	
		<div class="tile2">
		 <a href="cv-programista-php-javascript" class="tilelink"><i class="demo-icon icon-graduation-cap"></i><br />Curriculum Vitae</a>
		</div>
		<div class="tile3">
		 <a href="kontakt-programista-php" class="tilelink"><i class="demo-icon icon-mail-1"></i><br />Kontakt ze mną</a>
		</div>
		<div style="clear: both;"></div>
		
		<div class="tile4">
		<i>Talk is cheap. Show me the code!</i><br />- Linus Torvalds, twórca Linuxa
		</div>
		
	</div>
<div class="square">
	<div class="tile5">
	Tytuł podstrony <br /><br />
	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean commodo erat velit. Maecenas pulvinar tellus nibh, at porttitor nibh sollicitudin vitae. Curabitur rhoncus justo nulla, et euismod erat laoreet in. Nulla maximus quis urna vitae facilisis. Proin vulputate purus ac tortor facilisis mollis. Quisque at tellus quis odio mollis ornare.t.
	</div>
	<div class="yt">
	 <a href="http://youtube.com" target="blank_"class="sociallink"><i class="demo-icon icon-youtube"></i></a>
	</div>
	<div class="fb">
	<a href="http://facebook.com" target="blank_"class="sociallink"><i class="demo-icon icon-facebook"></i></a>
	</div>
	<div class="gplus">
	<a href="http://plus.google.com" target="blank_"class="sociallink"><i class="demo-icon icon-gplus"></i></a>
	</div>
	<div class="tw">
	<a href="http://twitter.com" target="blank_"class="sociallink"><i class="demo-icon icon-twitter"></i></a>
	</div>
	<div style="clear: both;"></div>
	</div>
<div style="clear: both;"></div>
	
	<div class="rectangle">2032 &copy; Angelika Dobrowolska-Portfolio. Zapraszam do współpracy!<i class="demo-icon icon-mail"></i>  angelikadob@op.pl</div>
	
</body>
</html>

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

#container
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.rectangle
{
	width: 960px;
	margin: 20px;
	text-align: center;
}

.square
{
	width: 50%;
	float: left;
}

#logo
{
	float: left;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 70px;
	width: 600px;
	text-align: left;
}

#zegar
{
	float: left;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 70px;
	text-align: left;
}

.tile1
{
	margin: 10px;
	width: 230px;
	height: 142px;
	background-color: #3095d3;
	float: left;
	text-align: center;
}

.tile1:hover
{
	background-color: #2084c2;
}

.tile2
{
	margin: 10px;
	width: 230px;
	height: 142px;
	background-color: #666666;
	float: left;
	text-align: center;
}

.tile2:hover
{
	background-color: #555555;
}

.tile3
{
	margin: 10px;
	width: 230px;
	height: 142px;
	background-color: #93c748;
	float: left;
	text-align: center;
}

.tile3:hover
{
	background-color: #82b637;
}

.tile4
{
	margin: 10px;
	width: 420px;
	height: 82px;
	background-color: #ee5a32;
	text-align: center;
	font-size: 26px;
	padding: 30px;
	line-height: 150%;
}

.tile5
{
	margin: 10px;
	width: 420px;
	height: 244px;
	background-color: #666666;
	text-align: justify;
	padding: 30px;
}

.yt
{
	margin: 10px;
	width: 105px;
	height: 142px;
	background-color: #d94348;
	float: left;
}

.yt:hover
{
	background-color: #c83237;
}

.fb
{
	margin: 10px;
	width: 105px;
	height: 142px;
	background-color: #4668b3;
	float: left;
}

.fb:hover
{
	background-color: #3557a2;
}

.gplus
{
	margin: 10px;
	width: 105px;
	height: 142px;
	background-color: #d95333;
	float: left;
}

.gplus:hover
{
	background-color: #c84222;
}

.tw
{
	margin: 10px;
	width: 105px;
	height: 142px;
	background-color: #3095d3;
	float: left;
}

.tw:hover
{
	background-color: #2084c2;
}

a.tilelink
{
	color: #ffffff;
	text-decoration: none;
	display: block;
	width: 230px;
	height: 142px;
}

a.tilelinkhtml5
{
	color: #ffffff;
	text-decoration: none;
}

a.sociallink
{
	color: #ffffff;
	text-decoration: none;
	display: block;
	width: 105px;
	height: 142px;
}