/* Mixins */
/*********************
BREAKPOINTS

Usage:

	@include breakpoint(breakPointName) {
		 Styles 
	}

*********************/
/* //////////////////
FLEXBOX
////////////////// */
@media (min-width: 769px) { header#main-header nav#main-menu.open-ie { height: 25rem; }
  header#main-header.toTop nav#main-menu.open-ie { height: 21rem; }
  header#main-header nav#main-menu ul { display: block; }
  header#main-header nav#main-menu > ul { display: block; width: 100%; }
  header#main-header nav#main-menu > ul > li { position: relative; display: block; float: left; width: 9%; }
  .home header#main-header nav#main-menu > ul > li { width: 10%; }
  header#main-header nav#main-menu ul li .drop-down { position: fixed !important; }
  header#main-header nav#main-menu ul li .drop-down ul li { width: 50%; float: left; }
  header#main-header nav#main-menu ul li .drop-down ul li.more { float: none; width: 100%; }
  main.main-home section .content-container { display: block; width: 100%; margin: 0; padding: 0; }
  main.main-home section .content-container article { display: block; float: left; margin: 0; padding: 0; border-radius: 0; width: 25%; height: 100%; overflow: hidden; }
  main.main-home section .content-container article:nth-child(2n + 2) { margin: 0; }
  main.main-home section .content-container article h3 { border-radius: 0; }
  main.main-home section#citizen .content-container article { width: 16.666%; }
  main.main-home section#digital .content-container article { width: 20%; } }

footer { /* /.wrapper */ }

@media (min-width: 480px) { footer .wrapper { display: block; width: 100%; margin: 1rem auto; }
  footer .wrapper .flex-item { display: block; float: left; width: 20%; margin: 0; padding: 1rem; }
  footer .wrapper .flex-item ul li { display: block; margin: 0; } }

footer #footerSocial { display: block; width: 100%; margin: 0 auto 1rem auto; padding: 0; }

@media (min-width: 1024px) { footer #footerSocial { width: 90%; } }

footer #footerSocial li { display: block; float: left; width: 12.5%; }

footer #portalFooter { width: 100%; clear: both; }

/*# sourceMappingURL=ie9.css.map */