body { margin: 0; padding: 0; font-family: 'montserrat','Oxygen', sans-serif;}
			
a {color: #FFF; background: #333; text-decoration: none;}
a:hover { background: #FFF; color: #000;}

#about { background: #fff; height: 100vh; width: 100vw; color: #000; background-size: 100%; }
#about article {bottom: 30%; position: absolute;  left: 10%;}

h1 { font-size: 70px; font-weight: 700; margin: 0; line-height: 65px; letter-spacing: -3px; width: 70%;}
p { margin-top: 10px; font-family: georgia, sans-serif; font-size: 20px; font-style: italic; color: #333; padding-right:80px; line-height: 30px; }

section {margin: 0; padding: 0; display: block; clear: both;}
article {margin: 0; padding: 0;}

#zh { background: #fdc000 url(zh.png) no-repeat; height: 100vh; width: 100vw; color: #000; background-size: 100%; }
#zh article { position: absolute; left: 10%; top:130%; }
#zh h1 { width: 250px; }
#zh p { width: 250px; }

#bf { background: #FFF url(bf.png) no-repeat center center; height: 100vh; width: 100vw; background-size: 100%;}
#bf article { position: absolute; left: 10%; top:230%;}
#bf h1 { width: 250px; }
#bf p { width: 250px; }

#aa { background: #d6d6d6 url(aa.jpg) no-repeat center center; height: 100vh; width: 100vw; background-size: 100%;}
#aa article { position: absolute; left: 10%; top:430%;}
#aa h1 { width: 250px; }
#aa p { width: 250px; }

#hagah { background: #bbbb2c url(hagah.png) no-repeat center center; height: 100vh; width: 100vw; background-size: 100%; }
#hagah article { position: absolute; left: 10%; top:330%;}
#hagah h1 { width: 250px; }
#hagah p { width: 250px; }

#contact { text-align: center; padding: 20px 0;}
#contact a { background: none; color: #000; margin: 0 6px; font-size: 12px;}
#contact a:hover { color: #666;} 

#bar { background: rgba(255,255,255, 0.5); position: fixed; margin: 0; z-index: 999; width: 100%; padding: 10px 0 10px 10%; }