/*extra extra large  >=1400 
XX-Large devices (larger desktops)
No media query since the xxl breakpoint has no upper bound on its width
*/


/*extra large  1200- 1399 
X-Large devices (large desktops, less than 1400px)
*/
@media (max-width: 1399.98px) {
	
}

/*large  992- 1199
Large devices (desktops, less than 1200px)
*/
@media (max-width: 1199.98px) {
	.hero-heading-title{    
		font-size: 4rem;
		line-height: 4rem;
	}
	
	h3.hero-heading-title.text-center {
		font-size: 3rem;
		line-height: 4rem;
	}
	.intro-text p {font-size: 1rem;}
	
	.hero-content-wrapper {
		margin: 0;
	}
}


/*medium  768-991 
Medium devices (tablets, less than 992px)
*/
@media (max-width: 991.98px) {
	html,body{ font-size: 12px;}
	
}


/*small    576-767 
Small devices (landscape phones, less than 768px)
*/
@media (max-width: 767.98px) { 
	html,body{ font-size: 12px;}
	
	.hero-container {
		position: relative;
		margin-top:30px;
		margin-bottom:50px;
		
	}
	
	.hero-heading-title{    
		font-size: 3rem;
		line-height: 5rem;
	}
	
	h3.hero-heading-title.text-center {
		font-size: 2rem;
		line-height: 3rem;
	}
	.intro-text p {font-size: 1.2rem;}
	
	.intro-text{
		min-height: auto;
		max-height: auto;
		overflow-y: none;   
	}
}

/* extra small  upto 575 
X-Small devices (portrait phones, less than 576px)
*/

@media (max-width: 575.98px){
	html,body{ font-size: 10px;}
}