@charset "UTF-8";

#hometop { display: flex; justify-content:center; align-items: center; min-width: 1200px; height: 800px;  background:url("../images/hometop-bg.jpg") repeat center;}
	#hometop h1 { text-align: center;}

#greetings { padding: 40px 0; background:#FF9300; color:#FFF;}
	#greetings h2 { display: block; width: 1200px; padding: 10px 0; margin: 0 auto; text-align: center; font-size: 28px;}


#business { width:100%; min-width: 1200px; text-align: center; padding: 40px 0;}
	.bbox { display: flex; align-items: center;width: 1200px; padding:20px; margin: 0 auto;}
		.bimage { width: 530px;}
			.bimager { order: +1;}
		.btext { width: 630px;text-align: left;}
			.btext h2 { display: block; padding: 15px 50px; font-size: 23px; border-bottom:1px solid #FF9300; }
			.btext p { display: block; padding: 20px 50px; font-size: 16px;}

#homenav { width:100%; min-width: 1200px; text-align: center; padding: 40px 0; background:#FF9300;}
	#homenav ul { display: flex; justify-content: space-around; align-items: center; width: 1200px; margin: 0 auto; padding: 20px 0;}
		#homenav li { padding: 20px 0;}
			#homenav li a { display: block; text-align: center; width: 530px; height: 270px; background: #FFF; border-radius: 50px; text-decoration: none;}
				#homenav li a:hover { background:#FDE8BE;}
	#homenav h2 { display: block; width: 390px; margin:0 auto 0 auto; padding: 70px 0 20px 0; text-align: center; color:#4C4C4C; font-size: 28px; align-self: center;}
		#homenav h2::after { display: block; width: 100%; border-top:1px solid #FF9300; font-size: 11px; color:#666; font-weight: normal; margin-top: 5px; padding-top: 5px; line-height: 20px;}
			.recruit h2::after { content:"Recruit";}
			.aboutus h2::after { content:"About Us";}
		#homenav p { display: block; width: 390px; margin:0 auto; text-align: center; align-self: center;}