.background-section{  
	position: relative;
}
.bg-height-main{
	height:110vh;
}
.bg-height-sub{
	height:70vh;
}
.background-section:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
	
    background-image:  url("../img/header/header_img_bg.jpg");
	background-size: cover;
	
	background-position: top center;
	background-repeat: no-repeat;
	
}

@media (max-width: 992px) {
	.background-section:before {
 	
	background-position: center right;	
	}	
}



.yellow-background{  
	position: relative;
	height:208px;
}

.yellow-background:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    background-image:  url("../img/header/yellow-background.png");
	background-size: cover;
	
	background-position: center center;
	background-repeat: no-repeat;	
}


.motto{  
	position: relative;
	height:204px;

}

.motto:before {
    content: "";
    position: absolute;
    top: 104px;
    bottom: 0;
    left: 50%;
    right: 0;
    z-index: 0;
	
    background-image:  url("../img/header/motto.png");

	background-size: cover;
	background-position: top left;

	background-repeat: no-repeat;	
}

.header-content{
	
position: relative;


}
.header-content:before{
	content: "";
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
	
}

@media (max-width: 992px) {
	.motto{  
		position: relative;
		height:185px;

	}
	.motto:before {
		top: 130px;
	
	}	
}


@media (max-width: 768px) {
	.motto:before {
		left: 20%;
		top: 150px;		
	}
	.motto {
		height:210px;
		 
	}
	
	.ige-btn-container{
		padding-top:40px;
	}
	.date {
		padding-top:30px;
		
		 
	}
}

@media (max-width: 552px) {
	.date {
		padding-top:20px;
		 
	}
	
	.ige-btn-container{
		padding-top:0px;
	}
}


@media (pointer: coarse) and (hover: none) {
	
	.motto:before {
		left: 7%;
		 
	}
	.background-section{  
	
		height:130vh;
	}
	.background-section:before {

    background-image:  url("../img/header/header_img_mobile2.jpg");
	background-position: top center;
	/* transform: scale(1.2);*/
}
	

}

@media only screen and (min-device-width: 480px) 
                   and (max-device-width: 640px) 
                   and (orientation: landscape) {

	.background-section:before {

    background-image:  url("../img/header/header_img_mobile2.jpg");
	background-position: center center;
}
.background-section{  
	
		height:200%;
	}

}