/* ------------------------------------------------------
**** Media Queries
------------------------------------------------------ */

/* Big Breakpoints */

@media screen and (max-width: 1270px) {
	.section {
		margin-left: 20px;
		margin-right: 20px;
	}
	.header {
		border-color: #fff;
	}
	.background-dots {
		display: none;
	}
	.wrap {
		overflow: inherit;
		overflow-x: hidden;
	}
}

@media screen and (max-width: 1170px) {
	.sf-menu {
		min-width: 614px;
	}
	.header .sf-menu > li > a {
		font-size: 22px;
		padding: 0 15px;
	}
}

@media screen and (max-width: 1000px) {
	.section {
		width: 960px;
	}
	.header {
/*		overflow-x: hidden;*/
	}
	.background-dots {
		display: none;
	}
	.wrap {
		overflow: inherit;
	}
}



/* medium breakpoints */


@media screen and (max-width: 1000px) {

	html,
	body {
		background-position: 0 -20px;
	}

	.section {
		width: 728px;
		margin: auto;
	}

	.wrap {
		overflow: inherit;
		overflow-x: hidden;
	}

	.header {
		/*overflow-x: hidden;*/
		padding-top: 15px;
		min-height: 160px;
		margin-bottom: -1px;
	}

	.header .logo {
		width: 177px
	}

	.header .logo-20years {
		height: 116px;
		width: auto;
		margin-left: -03.761904761905%;
		margin-top: -10px;
	}

	header .sf-menu {
		margin-top: 105px;

	}
	.background-dots {
		display: none;
	}
	.banner {
		padding-top: 30px;
		min-height: 187px;
	}

	.banner__tagline {
		margin-left: 6%;
		margin-right: 16%;
	}


	.footer__col-one {
		width: 62%;
	}

	.quicklinks li {
		width: 50%;
		padding-right: 2%;
	}

}

/*  smaller breakpoints  */

@media screen and (max-width: 700px) {
	.wrap {
		margin-top: 44px;
	}

	.section {
		width: auto;
		margin-left: 20px;
		margin-right: 20px;
	}

	.header {
		padding-top: 0;
	}

	.header .logo {
		margin-top: 20px;
	}
	.header {
		padding: 0 0;
	}
	.logo__link {
		width: 100%;
			-webkit-box-sizing: border-box;
		box-sizing: border-box;
			display: -ms-flexbox;
			display: -webkit-box;
			display: -webkit-flex;
		display: flex;
			-ms-flex: 0 1 auto;
			-webkit-box-flex: 0;
			-webkit-flex: 0 1 auto;
		flex: 0 1 auto;
			-ms-flex-direction: row;
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			-webkit-flex-direction: row;
		flex-direction: row;
			-ms-flex-wrap: wrap;
			-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
			-ms-flex-pack: center;
			-webkit-box-pack: center;
			-webkit-justify-content: center;
		justify-content: center;
		text-align: center;
	}
	.header .logo-20years {
		height: 144px;
		width: 184;
	}

	.sf-menu {
		min-width: 0;
	}

	.top-nav {
		display: none;
	}
	.banner {
		padding-top: 30px;
		min-height: 143px;
	}
	.banner h1 {
		font-size: 35px;
		font-size: 3.5rem;
		line-height: 1;
	}
	.banner__heading {
		height: auto;
		position: relative;
		bottom: 10px;
	}
	.banner__tagline {
		margin-left: 6%;
		font-size: 20px;
		font-size: 2rem;
		position: relative;
		margin-bottom: 20px;
		bottom: auto;
	}

	.footer {
		height: auto;
	}

	.quicklinks li {
		width: 50%;
	}
	.footer__content footer {
		padding: 0 4.878048780488%; /* 60px */
	}
	.quicklinks,
	.quicklinks li {
		width: 100%
	}
	.footer__copyright-box {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
		padding: 20px;
		margin-top: 70px;
	}

}

@media screen and (max-width: 460px) {
	.banner {
		min-height: 70px;
	}
	.banner__tagline {
		display: none;
	}
	.banner h1 {
		bottom: 5px;
	}
	.section {
		margin: 0;
	}
	.program-partners ul li {
		width: 100%;
		text-align: center;
	}
}


@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {

}