/* ---------------------------------------------------
    PAGES
    MQ SCREEN CSS
----------------------------------------------------- */


/* ---------------------------------------------------
    STATS
----------------------------------------------------- */

@media screen and (min-width: 375px) and (max-width: 767px) {

	body {
		overflow-x: hidden !important;
	}

	ul.link--bar li.navbar--link a {
		font-size: 1.25rem;
	}

	.hero--logo--wrapper {
		margin-bottom: .5rem;
	}

	.hero--logo {
		height: 40px;
	}

	.hero--text--wrapper h2 {
		font-size: 1rem;
		margin-bottom: .25rem;
	}

	.hero--text--wrapper h3 {
		font-size: 1rem;
	}

	.intro--block .container {
		padding: 5rem 0 5rem 0;
	}

	.intro--block h1 {
		font-size: 2rem;
		letter-spacing: -.05rem;
		line-height: 1.1;
		margin-bottom: 4rem;
	}

	.intro--block .text--block--body {
		padding: 2rem;
	}

	.intro--block h2 {
		font-size: 2rem;
	}

	.splide__slide {
		width: 100% !important;
	}

	.paragraph--block .container {
		padding: 1rem;
	}

	.paragraph--block .text--block--body {
		padding: 2rem;
	}

	.paragraph--block h2 {
		font-size: 2rem;
	}

	.paragraph--block p {
		font-size: 1.15rem;
		letter-spacing: 0;
	}

	.logo--item {
		flex-basis: 50%;
		margin: 1rem 0;
		padding: 2rem 1.5rem;
	}

	.logo--item img {
		height: 90px;
	}

	.subheading--block h2 {
		font-size: 2rem;
	}

	.footer--logo {
		height: 100px;
	}


	footer .footer--body ul {
		margin-bottom: 2rem;
	}

	footer .footer--end ul {
		flex-direction: column;
	}

}

@media screen and (min-width: 768px) and (max-width: 991px) {

	.logo--item {
		flex-basis: 50%;
	}

	footer .footer--body ul {
		margin-bottom: 2rem;
	}

	footer .footer--end ul {
		flex-direction: column;
	}

}

@media screen and (min-width: 992px) and (max-width: 1199px) {

	.logo--item {
		flex-basis: 50%;
	}

	footer .footer--body ul {
		margin-bottom: 2rem;
	}

	footer .footer--end ul {
		flex-direction: column;
	}

}

@media screen and (min-width: 1200px) and (max-width: 1399px) {

	.logo--item {
		flex-basis: 50%;
	}

	.logo--item img {
		height: 100px;
	}

	footer .footer--body ul {
		margin-bottom: 2rem;
	}

	footer .footer--end ul {
		flex-direction: column;
	}

}

@media screen and (min-width: 1400px) and (max-width: 1599px) {

	.logo--item {
		flex-basis: 50%;
	}

	.logo--item img {
		height: 120px;
	}

	footer .footer--body ul {
		margin-bottom: 2rem;
	}

	footer .footer--end ul {
		flex-direction: column;
	}

}


@media screen and (min-width: 1600px) and (max-width: 1999px) {}

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


@media screen and (min-width: 1600px) and (max-width: 1999px) {

	.container {
		max-width: 1500px !important;
	}

}

@media screen and (min-width: 2000px) {

	.container {
		max-width: 1600px !important;
	}

}