@charset "utf-8";
/* CSS Document */
 

img {
	max-width: 100%;
}



/*------------------
Hero section
 ---------------------*/

.hero-section {
	overflow: hidden;
    
}

.hs-item {
	padding: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;   
}

.hs-item h1 {
	font-size: 45px;
	margin-bottom: 25px;
	line-height: 1.2;
	position: relative;
	letter-spacing: 1px;
}

.hs-item p {
	color: #222831;
	margin-bottom: 50px;
	position: relative;
	font-size: 16px;
	line-height: 1.8;
	font-weight: 500;
}

.hs-item .hs-text {
	max-width: 475px;
    margin-top: 40px;
}

.hr-img img {
	min-width: 742px;
	position: relative;
	left: -34px;
    top: -80px;
    
}



/* ----------------
Responsive
 -------------------*/

@media (min-width: 1200px) {
	.container {
		max-width: 1176px;
	}
}

/* Medium screen : 992px. */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

	.hr-img img {
		min-width: 500px;
        max-width: 600px;
		position: relative;
        left: 454px;
	}
	
}


/* Tablet :768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hr-img 
    {
		display: none;
	}
    
     .hero-section {
        margin-bottom: 120px;
    }
    
}


/* Large Mobile :480px. */
@media only screen and (max-width: 767px) {
	.hr-img {
		display: none;
	}
    
    .hs-item{
        margin-top: 0px;
        padding: 20px;
    }

    .hero-section {
        margin-bottom: 120px;
    }


	.hs-item h1 {
		font-size: 30px;
		margin-bottom: 25px;
		line-height: 1.4;
		position: relative;
		letter-spacing: 1px;
	}
	
	.hs-item p {
		margin-bottom: 50px;
		position: relative;
		font-size: 14px;
		line-height: 1.5;
		font-weight: 500;
	}
    
}
	
@media only screen and (max-width: 479px) {
    
    .hero-section {
        margin-bottom: 100px;
    }
}