@media only screen and (min-width: 576px) {
	h1 {
		font-size: 2.8em;
	}
@media only screen and (min-width: 768px) {
	h1 {
		font-size: 3.3em;
	}
	h2 {
		font-size: 1.7em;
	}
	.row.grid {
		grid-template-columns: 4fr 1.5fr 3.2fr;
	}
	.stats-number {
    	font-size: 5.8em;
    }
    footer .border-top {
		border-left: 1px solid #ffffff !important;
		border-top: none !important;
	}	
}
@media only screen and (min-width: 992px) {
	.logo {
		position: absolute;
		width: 6em;
		margin: 2em;
	} 	
    .border-left {
		border-left: 1px solid #979797 !important;
	}
	header .about-us-background{
    	background: url("../images/about-us-background.png") no-repeat right top / contain;
	}
	header .technical-services-background{
    	background: url("../images/technical-servies-background.png") no-repeat right top / contain;
	}
	header .news-background{
    	background: url("../images/news-background.png") no-repeat right top / contain;
	}
	header .products-background{
    	background: url("../images/products-background.png") no-repeat right top / contain;
	}
}
@media only screen and (min-width: 1200px) {
	.nav li:not(:first-child) {
    	padding-left: 30px;
	}
	.row.grid {
		grid-template-columns: 4fr 1.5fr 2fr 3.2fr 2.7fr;
	}
}
@media only screen and (min-width: 1500px) {
	.logo {
		width: 7em;
	}
}	 	
@media only screen and (min-width: 2400px) {    	
	.d-xxl-block {
    	display: block !important;
	}
	.row.grid {
		grid-template-columns: 2.6fr 4fr 1.5fr 3.2fr 2fr 2.7fr 2.7fr;
	} 	 
}