@@ -53,7 +53,10 @@ header {
5353	background darken (#333 , 3%  );
5454
5555	h1 ,
56- 	nav  { display inline-block ; }
56+ 	nav  {
57+ 		display inline-block ;
58+ 		line-height 1em  ;
59+ 	}
5760
5861	.flexbox  {
5962		display flex ;
@@ -64,19 +67,10 @@ header {
6467
6568	.logo  {
6669		display block ;
70+ 		margin -15px   0 ;
6771		img  {
68- 			margin-top -7px  ;
6972			vertical-align middle ;
70- 		}
71- 		span  {
72- 			//  font-size: 80%;
73- 		}
74- 	}
75- 	& .error  {
76- 		.logo  {
77- 			span  {
78- 				//  font-size: 80%;
79- 			}
73+ 			margin -.1em   -.1em   1px  ;
8074		}
8175	}
8276
@@ -199,29 +193,14 @@ h6:hover .header-link {
199193	opacity 1 ;
200194}
201195
202- @media  (max-width 580px  ) {
203- 	header  {
204- 		.flexbox  { height auto  }
205- 		.logo  {
206- 			img  { margin-top 0  }
207- 			span  { font-size 50%   }
208- 		}
209- 		& .error  {
210- 			.logo  {
211- 				span  { font-size 50%   }
212- 			}
213- 		}
214- 	}
215- }
216- @media  (max-width 699px  ) {
217- 	.searchbox  { display none  }
196+ @media  (max-width 1200px  ) {
218197	header  {
219- 		.logo  span  { font-size 60 % 
220- 		& .error  .logo  span  { font-size 60 % 
198+ 		.logo  span  { font-size 80 % 
199+ 		& .error  .logo  span  { font-size 80 % 
221200	}
222201}
223- @media  (max-width 768 px 
224- 	.main-nav  ul  {  text-align :  right  }
202+ @media  (max-width 890 px 
203+ 	.meta   {  display :  none ;  }
225204}
226205@media  (max-width 830px  ) {
227206	.main-nav  {
@@ -233,13 +212,28 @@ h6:hover .header-link {
233212		& .error  .logo  span  { font-size 70%   }
234213	}
235214}
236- @media  (max-width 890 px 
237- 	.meta   {  display :  none ;  }
215+ @media  (max-width 768 px 
216+ 	.main-nav  ul  {  text-align :  right  }
238217}
239- @media  (max-width 1200 px 
218+ @media  (max-width 736 px 
240219	header  {
241- 		.logo  span  { font-size 80%   }
242- 		& .error  .logo  span  { font-size 80%   }
220+ 		.logo  span  { font-size 60%   }
221+ 		& .error  .logo  span  { font-size 60%   }
222+ 	}
223+ }
224+ @media  (max-width 699px  ) {
225+ 	.searchbox  { display none  }
226+ }
227+ @media  (max-width 580px  ) {
228+ 	header  {
229+ 		.flexbox  { height auto  }
230+ 	}
231+ }
232+ @media  (max-width 568px  ) {
233+ 	header  {
234+ 		.logo  {
235+ 			margin 0 
236+ 		}
243237	}
244238}
245239
0 commit comments