@charset "UTF-8";
/*
	Notes:
	=====
	DO NOT change the values from em. We're using em for more flexibility for responsive browsers, allowing people to use zoom.
	=====
	Min-width applies to that break and bigger (or from the break to infinity).
	Max-width applies to that break and lower (or from 0 to the break).
	-----
	Major breakpoints
	-----
	1000px = 62.5em
	640px = 40em
	
	1000 divided by 16 = 62.5em this is the formula for figuring out the px to em conversion for the widths
	=====
*/

/* 1540px = 96.25em */
@media screen and (max-width:96.25em) {


	#site-header { flex-wrap:wrap; }
	#site-header #branding { flex-basis:70%; }
	#site-header nav { flex-basis:100%; }
	#site-header nav { margin:1em auto; }
	
	nav#menu ul { justify-content:center; }
	
	.two-col .content-header, .two-col .main { flex-basis:50%; }
	.two-col .second-column { flex-basis:40%; }

}

/* 1380px = 86.25em */
@media screen and (max-width:86.25em) { #site-header #branding { flex-basis:20%; } .contact { flex-wrap:wrap; } .contact { gap:0; } .contact div { flex-basis:100%; } }

/* 1280px = 80em */
@media screen and (max-width:80em) { h1 { font-size:6rem; } }

/* 1220px = 76.25em */
@media screen and (max-width:76.25em) { 

	nav#menu ul li a { padding:1em; }
	
	.minutes div p { flex-basis:35%; }
}


/* 1120px = 70em */
@media screen and (max-width:70em) {

	.two-col .content-header, .two-col .main, .two-col .second-column { flex-basis:100%; }
	.two-col .second-column { margin:2em 0 0; }
	
	.secondary h1 { padding:0; }
	
}

/* 1080 = 67.5em */
@media screen and (max-width:67.5em) {

	nav#menu { display:none; }
	.hamburger-container  { display:block; }

	.hp { flex-wrap:wrap; }
	.hp .main, .hp .secondary { flex-basis:100%; }
	
	.hp .main { padding:0; }
	
	.extra div { flex-basis:100%; text-align:center; }
	
	.footer-extra { flex-wrap:wrap; }
	.footer-extra div { flex-basis:100%; text-align:center; }
	
}


/* 920px = 57.5em */
@media screen and (max-width:57.5em) {  .buttons div { flex-basis:100%; } .minutes div { gap:1em; } .minutes div p { flex-basis:90%; } }



/* 760px = 47.5em */
@media screen and (max-width:47.5em) {

	.menu-common-navigation-container { justify-content:center; }
	.menu-common-navigation-container .right-group { gap:0; }

	h1 { font-size:4rem; }

	#site-header, article { padding:1em; }
	
	.secondary { padding:1em 1em 14em; }
	.two-col .second-column { padding:0; }

	.videos { flex-wrap:wrap; }
	.videos div,
	.minutes div { flex-basis:100%; }
	
	.md, .sm { width:100%; }
	
}

/* 640 = 40em */
@media screen and (max-width:40em) { 

	.menu-common-navigation-container { flex-wrap:wrap; }
	
	#site-header { justify-content:center; }
	#site-header #branding { flex-basis:100%; }
	#site-header #branding a { margin:0 auto; }
	
	.hamburger-container { margin:1em 0 0; }
	
}


/* 540 = 33.75em */
@media screen and (max-width:33.75em) {

	.menu-common-navigation-container ul { flex-direction:column; gap:0.4em; padding:0.4em; text-align:center; }

	ol li, ul li { padding:0.5em 0 0.5em 1em; }
	
	main article figure.wp-block-gallery figure.wp-block-image, main article figure.wp-block-image { width:100%!important; }
	
	h4.first { margin:0 0 1em; }
	
	.faqs,
	.form { padding:1em; }
	.form { margin:0 0 8em; }
	
	.faqs .content ul li { padding:0.5em 0; }
	
	.bod div { flex-basis:100%; }
	
	.minutes { gap:1em; }
	.minutes div { padding:1em; }
	
	.btn a { font-size:1.8rem; }
}

/* 460 = 28.75em */
@media screen and (max-width:28.75em) {

	h1 { font-size:3.6rem; }
	h2 { font-size:2.8rem; }
	h3 { font-size:2.4rem; }
	h4 { font-size:2rem; }
	h5 { font-size:1.8rem; }
	h6 { font-size:1.6rem; }
	h1, h2, h3, h4, h5, h6 { padding:0.2em 0; }
	
	.wp-block-separator { margin:1em 0; }

}

/* 380 = 23.75em */
@media screen and (max-width:23.75em) { 

	.extra div h2 { font-size:2.5rem; }
	.menu-common-navigation-container .left-group { width:100%; text-align:center; }
	.menu-common-navigation-container a.active { justify-content:center; }
	.menu-common-navigation-container .right-group { width:100%; flex-wrap:wrap; flex-direction:column; text-align:center; }
	
}