не пойму чать кода (дополнение к предыдущему вопросу) HTML+CSS

1. .header{
   	background: darkslateblue;
   	height: 177px;
   	font-size: 0.8em;
   	margin-left: 0px;
   	margin-right: 0px;
   	min-width: 900px;
   }
   .main, .logo, .menubar, .site_content, .footer{
   	margin-left: auto;
   	margin-right: auto;
   
   }
   .logo{
   	
   	width: 880px;
   	padding-bottom: 40px;
   }
   .logo h1, logo h2{
   	font: normal 300% 'century gothic', arial, sans-serif;
   	margin: 0,0,0,8px;
   }
   .logo_text h1, .logo_text h1 a, .logo_text h1 a:hover{
   padding: 22px 0 0 0;
   letter-spacing: 0.1em;
   text-decoration: none;
   color: white;
   }
   .logo_text h2{
   	font-size: 0.9em;
   	padding: 4px 0 0 0;
   	color: #999;
   }
   }​

вопрос - мы прописали в .header{
font-size: 0.8em; чачем мы прописываем опять размер в .logo h1, logo h2{
font: normal и .logo_text h2{
font-size: 0.9em; (ведь уде вроде прописан шрифт для всего header?)

разясните пожалуйста участок кода ниже(h1.h2 - это ведь шрифт заголовка, что то я запутался, тогда зачем .logo_text h1 и.logo_text h2

.logo h1, logo h2{
font: normal 300% 'century gothic', arial, sans-serif;
margin: 0,0,0,8px;
}
.logo_text h1, .logo_text h1 a, .logo_text h1 a:hover{
padding: 22px 0 0 0;
letter-spacing: 0.1em;
text-decoration: none;
color: white;
}
.logo_text h2{
font-size: 0.9em;
padding: 4px 0 0 0;
color: #999;
}