@media only screen and (max-width: 1400px){
	img.oca {
		max-width: 50%;
	}
	.list.gta,
	.list.niagara {
		padding: 1rem;
	}
	.list.gha {
    padding: 1rem;
    width: 25%;
	}
	.list.niagara {
    margin-left: 19vw;
	}
}
@media only screen and (max-width: 1200px){
	
}
@media only screen and (max-width: 1024px){
	.home-banner .overlay {
    top: 50%;
	}
	.home-banner .overlay h2.title {
    font-size: 4vw;
	}
	.oca-container li {
    font-size: 0.875rem;
	}
	.references {
    grid-template-columns: repeat(2, 1fr);
	}
} /* 1024 */


@media only screen and (max-width: 900px){
	.employer-image-blurb-container .blurb {
    padding: 1.5rem;
    margin-top: 0rem;
    align-self: center;
	}
	.employer-image-blurb-container .blurb:after {
    content: unset;
	}
	img.employer-img {
    align-self: center;
	}
} /* 900 */

@media only screen and (max-width: 768px){
	header {
    padding: 1rem;
	}
	header nav ul li a {
    padding: 0.4rem 0.9rem;
  }
	.inner {
    padding: 0 1rem;
	}
	footer {
    padding: 1rem;
	}
	footer .copy-social {
    flex-direction: column;
    margin-top: 0.5rem;
	}
	footer nav ul {
    text-align: center;
	}
	.oca-container {
    padding: 1rem;
	}
	.contact-info {
    padding: 1rem;
    width: 100%;
  }
  .contact-info .container > div {
    flex-direction: row;
    align-items: center;
	}
  .contact-link.phone,
  .contact-link.fax,
  .contact-link.address {
		align-self: center;
		margin-left: 0.5rem;
	}
	.contact-info .container.phone > div,
	.contact-info .container.fax > div,
	.contact-info .container.address > div {
    align-self: center;
	}
	img.responsive.contact-img {
    margin: 0 0.5rem 0 0;
	}
	.job-seekers-employers-container,
	.job-seekers-employers .bullets,
	.job-seekers-employers .links {
		padding: 1rem;
	}
	.jobs-alerts {
    flex-direction: column;
	}
	.jobs-container {
    margin-right: 0;
	}
	.alerts {
    width: 100%;
    margin: 2rem 0 0 0;
	}
	.form-inputs {
    grid-template-columns: 1fr;
    grid-gap: 0;
	}
} /* 768 */

@media only screen and (max-width: 600px){
	.job-seekers-employers {
    width: 80%;
	}
	.contact-info {
    grid-template-columns: 1fr;
  }
  .container.fax {
    border-top: 2px solid var(--lightGrey3);
    border-bottom: 2px solid var(--lightGrey3);
    border-left: none;
    border-right: none;
	}
	.contact-info .container {
    padding: 1rem 0;
	}
}

@media only screen and (max-width: 550px){
	.inner {
    padding: 0 0.75rem;
    margin-top: calc(50px + 1rem);
	}
	header {
    min-height: 50px;
    background-color: white;
    position: fixed;
    z-index: 2;
    border-bottom: 1px solid var(--lightBlueTransparent);
    width: 100%;
	}
	header nav {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		display: flex;
		width: 100%;
		height: 100vh;
		pointer-events: none;
		z-index: 1;
	}
	.header-title {
		display: block;
	}
	.nav-wrapper {
		background-color: var(--darkBlue);
		min-width: 230px;
		/*display: none;*/
		transform: translateX(-230px);
		transition: all 0.2s linear;
		pointer-events: all;
	}
	.nav-wrapper.show {
		/*display: block;*/
		transform: translateX(0px);
		transition: all 0.2s linear;
		box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.75);;
	}
	.nav-overlay {
		/*background-color: rgba(255,255,255,0.4);*/
		background-color: transparent;
		flex: 1;
		pointer-events: all;
	}
	header .text, footer .text {
    margin-bottom: 0;
	}
	.nav-menu-toggle-wrapper {
		pointer-events: all;
	}
	.nav-menu-toggle {
		display: block;
		color: var(--darkBlue);
		font-size: 1.6rem;
		position: absolute;
    top: 12px;
    left: 12px;
	}
	header nav ul.parent {
		/*display: none;*/
		flex-direction: column;
	}
	/*header nav ul.parent.show {
		display: flex;
    flex-direction: column;
	}*/
	header nav ul li {
		margin: 0;
	}
	header nav ul li a {
    border-radius: 0;
    text-align: left;
    width: 100%;
    background-color: var(--darkBlue);
    color: white;
    border-bottom: 1px solid var(--lightGrey);
    font-size: 0.9rem;
    padding: 0.8rem 1.6rem;
	}
	header nav ul li a.active,
	header nav ul li a:hover {
		border-bottom: 1px solid var(--lightGrey);
		color: white;
	}
	/*header nav ul.children li a {
		padding: 0.8rem 1.6rem;
		border-color: var(--lightGrey);
    padding-left: 2.2rem;
	}*/
	header nav ul.parent > li {
    display: flex;
    flex-direction: column;
	}
	/*header nav ul.children {
		position: unset;
		border-radius: none;
	}
	header nav ul.children li {
    display: flex;
	}
	header nav ul.children li:last-of-type a {
    border-radius: 0;
	}*/
	.home-banner .overlay {
	  padding: 0.5rem;
	}
	footer {
    width: calc(100% - 2rem);
    padding: 0.75rem;
    margin-bottom: 1rem;
	}
	footer .copy a {
    padding: 0 0.5rem;
    white-space: nowrap;
	}
	.home-specializing {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0.75rem;
	}
	.home-specializing h4 {
    font-size: 5vw;
	}
	p + p {
    margin-top: 0.5rem;
	}
	.we-provide-specialize.grid.two {
    grid-template-columns: 1fr;
    grid-gap: 1rem;
	}
	.we-provide, .we-specialize {
    padding: 1rem;
  }
  .job-seekers-employers {
    width: 100%;
	}
	.map-gta-gha {
    flex-direction: column;
	}
	.list.gta,
	.list.niagara,
	.list.gha {
    position: static;
    width: 100%;
    margin: 0;
	}
	img.oca {
		display: none;
	}
	img.oca2 {
		display: initial;
	}
	.list.gta ul,
	.list.gha ul,
	.list.niagara ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
	}
	.references {
    grid-template-columns: 1fr;
	}
	.employer-image-blurb-container {
    flex-direction: column;
    position: relative;
	}
	img.employer-img {
    max-width: 100%;
    order: 1;
	}
	.employer-image-blurb-container:nth-of-type(odd) .blurb,
	.employer-image-blurb-container:nth-of-type(even) .blurb {
    order: 2;
    background-color: var(--darkBlueTransparent);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: white;
    padding: 0.75rem;
    font-size: 0.875rem;
    max-height: 100%;
    overflow-y: auto;
	}
	.employer-image-blurb-container:nth-of-type(odd) .blurb h4,
	.employer-image-blurb-container:nth-of-type(even) .blurb h4 {
		color: var(--blue2);
		font-size: 1.35rem;
	}
	.oca-container {
    padding: 0;
	}
	img.contact-map {
    max-width: 100%;
	}
	footer nav ul li {
    display: block;
	}
	/*.job-preview {
    position: relative;
	}
	.job-preview .date {
    position: absolute;
    top: 0;
    right: 0;
	}
	.job-preview .info {
    margin-top: 1rem;
	}*/
	.job-preview .date {
		display: none;
	}
	.job-preview .info .date {
		display: block;
		margin: 0;
	}
} /* 550px */

@media only screen and (max-width: 400px){
	.home-specializing {
    grid-template-columns: repeat(1, 1fr);
	}
	.contact-fields {
    grid-template-columns: 1fr;
	}
	.contact-info .container > div {
    flex-direction: column;
	}
	img.responsive.contact-img {
    margin: 0 0 0.5rem 0;
	}
	.contact-link.phone,
	.contact-link.fax,
	.contact-link.address {
    margin: 0.5rem 0 0 0;
    text-align: center;
	}
} /* 400 */

@media only screen and (max-width: 320px){
	
} /* 320 */
