/* ======== RESPONSIVE CSS ========= */


/* ===================================================
		MIN WIDTH 
=================================================== */
/* ------------------------------ 
	1600px EXTRA LARGE
------------------------------ */
@media (min-width: 1600px) {}




/* ------------------------------ 
	1200px LARGE
------------------------------ */
@media (min-width: 1200px) {}




/* ------------------------------ 
	992px MEDIUM
------------------------------ */
@media (min-width: 992px) {}




/* ------------------------------ 
	768px SMALL
------------------------------ */
@media (min-width: 768px) {
	.hide-mobile {
		display: block;
	}

	.show-mobile {
		display: none;
	}
}




@media (min-width: 576px) {}




/* ===================================================
		MIN - MAX WIDTH 
=================================================== */
/* ------------------------------ 
	992px - 1199px LARGE
------------------------------ */
@media (min-width: 992px) and (max-width: 1199px) {
	.howyoucan h2 {
		font-size: 2.9em;
	}
}

/* ------------------------------ 
	768px - 991px MEDIUM
------------------------------ */
@media (max-width: 1106px) {}

@media (max-width: 991px) {

	.grid-sizer,
	.grid-item {
		width: 48%;
		margin-bottom: 30px;
	}

	.gutter-sizer {
		width: 4%;
	}
}



/* ------------------------------ 
	768px - 991px MEDIUM
------------------------------ */
@media (min-width: 768px) and (max-width: 991px) {
	#educated h3 {
		font-size: 15px;
	}
}




/* ------------------------------ 
	414px - 767px SMALL iPhone 6/7/8 Plus
------------------------------ */
@media (min-width: 414px) and (max-width: 767px) {
	body {
		font-size: 14px;
	}

	h1,
	.h1 {
		font-size: 3em;
		line-height: 50px;
	}

	h2,
	.h2 {
		font-size: 2.25em;
		line-height: 45px;
	}

	h3,
	.h3 {
		font-size: 1.7em;
	}

	p,
	.p {
		font-size: 1.3em;
		line-height: 35px;
	}
}




/* ------------------------------ 
	375px - 413px X-SMALL iPhone 6/7/8
------------------------------ */
@media (min-width: 375px) and (max-width: 413px) {
	body {
		font-size: 12px;
	}

	h1,
	.h1 {
		font-size: 3em;
		line-height: 50px;
	}

	h2,
	.h2 {
		font-size: 2.25em;
		line-height: 45px;
	}

	h3,
	.h3 {
		font-size: 1.7em;
	}

	p,
	.p {
		font-size: 1.3em;
		line-height: 35px;
	}
}




/* ------------------------------ 
	320px - 374px XX-SMALL iPhone 5
------------------------------ */
@media (min-width: 320px) and (max-width: 374px) {
	body {
		font-size: 12px;
	}

	h1,
	.h1 {
		font-size: 3em;
		line-height: 50px;
	}

	h2,
	.h2 {
		font-size: 2.25em;
		line-height: 45px;
	}

	h3,
	.h3 {
		font-size: 1.7em;
	}

	p,
	.p {
		font-size: 1.3em;
		line-height: 35px;
	}

}




/* ===================================================
		MAX WIDTH 
=================================================== */
/* ------------------------------ 
	1599px EXTRA LARGE
------------------------------ */
@media (max-width: 1599px) {}




/* ------------------------------ 
	1199px LARGE
------------------------------ */
@media (max-width: 1199px) {

	/* About */
	.materials .heading .h-hr {
		margin-left: -45px;
	}
}

/* ------------------------------ 
	1024px MEDIUM
------------------------------ */
@media (max-width: 1240px) {
	#media-center h1 {
		font-size: 7.94em;
	}
}


@media (max-width: 1080px) {}

/* ------------------------------ 
	991px MEDIUM
------------------------------ */
@media (max-width: 991px) {

	h1,
	.h1 {
		font-size: 6.25em;
	}

	.hero .description {
		display: block;
	}

	.hero .description .icon {
		margin: 0 auto;
		max-width: 50px;
	}

	.hero .description .icon img {
		width: 100%;
	}

	.hero .description .info {
		margin: 30px auto 0;
		max-width: 500px;
		text-align: center;
	}

	/* Educated - materials */
	.materials .heading .h-hr {
		margin-left: 0;
	}

	/* Media Center */
	.title-bar {
		top: -42px;
	}

	.blue-bar {
		width: 100%;
		height: 74px;
		margin: 0;
	}

}




/* ------------------------------ 
	768px - SMALL
------------------------------ */
@media (max-width: 768px) {
	#masthead .brand-logo img {
		max-width: 225px;
	}

	.main-menu-item a,
	.desktop-navigation .main-menu-item span {
		padding-right: 10px;
	}

	.main-menu-item:first-of-type a,
	.main-menu-item:first-of-type span {
		padding-left: 0;
	}

	.hero .hero-content {
		padding-top: 130px;
	}

	/* Materials */
	.materials .icon {
		margin-bottom: 20px;
	}

	.materials .icon img {
		max-width: 200px;
	}

	.materials p,
	.materials h2 {
		text-align: center;
	}

	.media_img {
		height: 240px;
	}

	.smallerheight {
		height: 70px;
	}

}




/* ------------------------------ 
	767px - SMALL
------------------------------ */
@media (max-width: 767px) {

	#masthead #logo_full_color,
	#masthead .brand-logo img {
		max-width: 160px;
		width: 100%;
		padding: 15px 0;
	}

	.accordian-arrow {
		width: 8px;
	}

	.hero .hero-content {
		padding-top: 100px;
	}

	.hero .description .icon img {
		margin: 20px auto 0;
		width: 60%;
	}

	.hero .description .info p {
		text-align: center;
	}

	/*  Media */
	#media-center h1 {
		line-height: 100px;
	}

	.set-container .hr {
		display: none;
	}

	.hero .set-container .icons span {
		margin-bottom: 20px;
	}

	/* About - Partners */
	.members-partners .p-logo,
	.members-partners h2,
	.members-partners h3 {
		text-align: center;
	}

	.members h3 {
		text-align: left;
	}

	.grid-sizer,
	.grid-item {
		width: 100%;
		margin-bottom: 30px;
	}

	.gutter-sizer {
		width: 0;
	}

	.contact-info p {
		line-height: 12px;
	}

	.contact-info address a {
		line-height: 10px;
	}

	#home header {
		top: 200px;
	}

}




/* ------------------------------ 
	640px - EXTRA SMALL
------------------------------ */
@media (max-width: 640px) {

	h1,
	.h1 {
		font-size: 4.25em;
	}

	.hero .description .icon img {
		margin-top: 0;
		width: 56%;
	}

	.annual-meeting .blue {
		font-size: 1.75em;
	}

	.annual-meeting .blue a {
		padding: 10px;
	}
}




/* ------------------------------ 
	575px - CUSTOM SIZE
------------------------------ */
@media (max-width: 575px) {

	.grid-sizer,
	.grid-item {
		width: 100%;
		margin-bottom: 30px;
	}

	.gutter-sizer {
		width: 0;
	}

	/* About */
	.members-partners ul li,
	.members h3,
	.contact-info p,
	.contact-info address {
		text-align: center;
	}

	.members-partners p {
		padding: 0 20px;
	}

	/* Educated */
	.materials h3,
	.materials ul li {
		text-align: center;
	}

	/* Media Center */
	.title-bar {
		top: -38px;
	}

	.media-icon {
		width: 100px;
	}

	.blue-bar {
		width: 100%;
		height: 74px;
		margin: 0;
	}

}




/* ------------------------------ 
	479px - CUSTOM SIZE
------------------------------ */
@media (max-width: 479px) {
	.media_img {
		height: 240px;
	}

	.smallerheight {
		height: 20px;
	}

	.annual-meeting .blue {
		font-size: 1.25em;
	}
}




/* ------------------------------ 
	379px - CUSTOM SIZE
------------------------------ */
@media (max-width: 379px) {
	.hero .hero-content {
		max-height: 100%;
		height: 100%;
	}

	.hero .set-container .icons img {
		width: 85px;
	}

	#media-center h3,
	#media-center .h3 {
		font-size: 1.5em;
	}
}