@font-face {
    font-family: 'MaruBuri-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/MaruBuri-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}



header {
  background: #ecf0f1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;   background: url(/img/main.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

header h1 {
  text-align: center;
  font-size: 36px;
  line-height: 42px
}

header h1 span {
  display: block;
  font-size: 22px;
}

.container {
  width: 1200px;
  margin: 0 auto; padding:30px 0px 70px  0px
}

section {
  position: relative;
  min-height: 300px; background-color:#fff; z-index:3000
}

@media (min-width: 768px) {.lead {
  font-size: 60px;
  line-height: 36px;
  text-align: center;
  padding: 0px; color:#fff; font-family: 'MaruBuri-Regular';
}
.section-two .lead {
  position: absolute;
  width: 100%;
  bottom: 230px;
  z-index: 2;
  font-size: 60px;
  color: #fff;
  text-transform: uppercase;
}
.section-three p{ padding: 80px 0px ;
  text-align: center;
  font-size: 18px;
  line-height: 32px;  z-index:3000}
}
@media (max-width: 767px) {
	
	.lead {
  font-size: 30px;
  line-height: 36px;
  text-align: center;
  padding: 0px; color:#fff; font-family: 'MaruBuri-Regular';
}

.section-two .lead {
  position: absolute;
  width: 100%;
  bottom: 230px;
  z-index: 2;
  font-size: 30px;
  color: #fff;
  text-transform: uppercase;
}
.section-three p{ padding: 40px 20px ;
  text-align: center;
  font-size: 13.5px;
  line-height: 22px;  z-index:3000}
	}


.section-one {
  height: 500px;

  background-size: cover; background-color:#fff; z-index:3000
}

.section-two {
  height: 600px;
  overflow: hidden; background-color:#fff; z-index:3000
}

.section-two figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.section-two figure img { width: 100%; }
.section-one .lead { color:#222}


.section-three {
  overflow: hidden; background-color:#fff; z-index:3000
}


.clearfix{display:block;clear:both;float:none;}




.video-back{display:block;padding:200px 0px;text-align:center;}

.video-back img{width:150px;}

.main-heading{text-align: center;margin: 50px auto;font-size: 70px;}
.main-para{margin: 10px 100px;text-align: center; font-size: 20px;}