.color-overlay-blue-bright {
   background-color: var(--color-theme-blue-bright);
}

.has-top-spacing {
   margin-top: 4rem !important;
}

.has-bottom-spacing {
   margin-bottom: 4rem !important;
}

.grid-default {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
}

@media (min-width: 769px) {
	.grid-default {
		column-gap: 40px;
	}
}

.color-overlay-blue-bright {
	background-color: var(--color-theme-blue-bright);
 }
 
 .has-top-spacing {
	margin-top: 4rem !important;
 }
 
 .has-bottom-spacing {
	margin-bottom: 4rem !important;
 }
 
 .grid-default {
	 display: grid;
	 grid-template-columns: repeat(12, minmax(0, 1fr));
 }
 
 @media (min-width: 769px) {
	 .grid-default {
		 column-gap: 40px;
	 }
 }
 
 .container {
	 width: 100%;
	 margin-right: auto;
	 margin-left: auto;
	 padding-right: var(--gutter);
	 padding-left: var(--gutter);
 }
 
 @media (min-width: 480px) {
	 .container {
		 max-width:480px
	 }
 }
 
 @media (min-width: 640px) {
	 .container {
		 max-width:640px
	 }
 }
 
 @media (min-width: 768px) {
	 .container {
		 max-width:768px
	 }
 }
 
 @media (min-width: 1024px) {
	 .container {
		 max-width:1024px
	 }
 }
 
 @media (min-width: 1280px) {
	 .container {
		 max-width:1280px;
	 }
 }
 
 .t-h3 {
	 font-family: var(--secondary-font-family);
	 font-size: calc(3.375rem + (68 - 54) * ((100vw - 300px) / (1600 - 300)));
	 line-height: 1;
	 font-weight: 600;
 }

 .t-h5 {
	font-family: var(--secondary-font-family);
	font-size: calc(2.125rem + (50 - 34) * ((100vw - 300px) / (1600 - 300)));
	line-height: 1;
	font-weight: 600;
}

.t-h2 {
	font-family: var(--global-font-family);
	font-size: calc(1.75rem + (36 - 28) * ((100vw - 300px) / (1600 - 300)));
	line-height: 1.11;
	font-weight: 300;
}

.sr-only {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}