html, body { padding: 0; margin: 0; width: 100%; height: 100%; font-family: 'Poppins', sans-serif;  }
  * {box-sizing: border-box;}
  body { text-align: center; padding: 0; color: #000; font-family: 'Poppins', sans-serif;}
  h1 { font-size: 60px; font-weight: 700; text-align: center; margin: 0; padding: 0; margin-bottom: 30px; color: #a6ce39; }
  body {  font-size: 25px; color: #000; }
  article { display: block; width: 60%; padding: 50px; margin: 0 auto; }
  a { color: #fff; font-weight: bold;}
  a:hover { text-decoration: none; }
  svg { width: 75px; margin-top: 1em; }
  p { color: #000000; font-size: 22px; margin:0; padding: 0; margin-bottom: 10px;  }
  .logo { margin-bottom: 100px; padding: 0 10px; }
  .logo img { max-width: 100%; }
  .container { max-width: 1020px; margin: auto; padding: 0 15px; height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; } 
  .main-wrap { background:url(../images/homepage-banner.jpg) repeat-y top center; background-size: 100%; height: 100vh; }
  .button-cnt { text-align: center; margin-top: 40px; }
  .button-cnt a { display: inline-block; padding: 0 20px; height: 60px; line-height: 60px; background: #00829a; color: #fff; font-weight: 600; font-size: 18px; border-radius: 6px; text-transform: uppercase; text-decoration: none; }
  .button-cnt a img { margin-right: 15px; vertical-align: middle; height: 40px; }
  .button-cnt a:hover { background: #a6ce39; }
  .container-inner { max-width: 1080px; margin: auto; padding: 15px; text-align: left; }
  .container-inner .logo  { margin-bottom: 0; text-align: center; }
  .container-inner .logo img { width: 300px; }
  .header { background: url(../images/innerpage-banner.jpg) no-repeat center #e4fbff; }
  .innerpage-hd { padding: 30px 0; font-size: 36px; font-weight: 600;  text-align: center; color: #00829a;} 
  .announcement-cnt p { font-size: 16px; line-height: 26px; margin-bottom: 20px; text-align: justify; }
   .announcement-cnt p.big-font { text-align: center; font-size: 22px; font-weight: 600; color: #a6ce39; }
   .announcement-cnt p:last-child { margin-bottom: 0; }
  .middle .container-inner { padding: 30px 15px; }
  @media screen and (max-width:1279px) {
	 h1 { font-size: 55px; }
	 .announcement-cnt p { font-size: 15px; }
  }
  @media screen and (max-width:1199px) {
	.logo { max-width: 400px; margin-bottom: 50px; margin: auto; }
	h1 { font-size: 50px; }
	p { font-size: 20px; }
	.announcement-cnt p { font-size: 14px; }
	.announcement-cnt p.big-font { font-size: 20px; }
	.innerpage-hd { padding: 25px 0; font-size: 32px; }
	.header { background-size: 170%; }
   }
  @media screen and (max-width:1023px) {
	.main-wrap { background-size: 110%; }
	h1 { font-size: 45px; }
	p { max-width: 550px; font-size: 18px; }
	.innerpage-hd { padding: 20px 0; font-size: 28px; }
	.announcement-cnt p { max-width: inherit; }
   }
   @media screen and (max-width:767px) {
	p { max-width: 320px; font-size: 16px; }
	h1 { font-size: 30px; }
	.logo { max-width: 300px; margin-bottom: 20px; }
	.button-cnt a { height: 50px; line-height: 50px; font-size: 16px; }
	 .button-cnt a img { height: 30px; }
	 .innerpage-hd { padding: 15px 0; font-size: 24px; }
	 .announcement-cnt p.big-font { font-size: 18px; }
	 .header { background-image: none; }
   }