@media only screen and (max-width: 1300px){	}

@media only screen and (max-width: 1140px){}

@media only screen and (max-width: 1196px){}

@media only screen and (min-width: 768px){}

@media only screen and (max-width: 985px){}

@media only screen and (max-width: 991px){}

@media only screen and (max-width: 800px){}

@media only screen and (max-width: 767px){
	.service-card {
		text-align: start;
	}
	.service-card p {
		color: #888;
		line-height: 1.6em;
		font-size: 19px;
		text-align: start;
	}
}

@media only screen and (max-width: 599px){
	h1,h2,h3,h4,h5,h6{
		font-weight: bold !important;
	}
	p{
		font-size: 14px !important;
		text-align: justify !important;
	}

	/* NAVBAR */
	.navigation{}
	.navbar-brand{}
	.mobile-toggler{}
	.navbar .modal{}
	.page-header{}
	.hero-section{}
	.services-section{}
	.service-card{}
	.service-card h3{}
	.service-card p{}
	.clients-section{
		display: flex;
		margin-bottom: 20px;
		flex-direction: row;
	}
	.clients-section .client-logo{
		max-height: 100px !important;
	}

	.contact-section{}
}

@media only screen and (max-width: 450px) {
	h1, h2, h3, h4, h5, h6 {
		font-weight: bold !important;
		line-height: 30px;
	}

	section{
		padding: 30px 0;
	}
	.page-header{
		height: 400px;
        width: 100vw;
	}
	header{
		height: 70px;
	}
	.heading-text{
		font-size: 1.5em;
		line-height: 25px;
	}
	p{
		font-size: .5em;
		line-height: 40px;
	}
	.lead {
		text-align: justify;
		line-height: 28px;
		line-break: 30px;
	}
}