@font-face {
  font-family: 'Speed-bold';
  src: url("/framework/fonts/Speedee/Speedee_W_Bd.woff") format("woff"), url("/framework/fonts/Speedee/Speedee_Bd.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: 'Speed-regular';
  src: url("/framework/fonts/Speedee/Speedee_W_Rg.woff") format("woff"), url("/framework/fonts/Speedee/Speedee_Rg.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.logo img{
	max-width: 108px;
}
html {
	color: #292929;
}
h1 {
	font-family: "Speed-bold", Arial, sans-serif;
	font-size: 38px;
	position: relative;
}
.mailer {
	width: 100%;
}
.error {
	font-size: 90%; 
	color: #db0007;
}
.province-selector-box {
	width: 50%;
}
.lang-selector-box {
	width: 50%;
}
.select-box {
	position: relative;
	&::after {
		content: '';
		position: absolute;
		background-image: url(../images/chevron-down.svg);
		background-repeat: no-repeat;
		background-size: contain;
		width: 20px;
		height: 10px;
		right: .5rem;
		top: 50%;
		transform: translateY(-50%);
	}
	&.active {
		&::after {
			transform: translateY(-50%) rotate(180deg);
		}
	}
}
select {
	width: 100%;
	font-family: "Speed-regular", Arial, sans-serif;
}
.btn-new {
	line-height: 2.25rem;
	background-color: #ffbc0d;
	border-radius: 4px;
	padding: .25rem 1rem;
	display: inline-flex;
	align-items: center;
	border: .125rem solid #ffbc0d;
	color: #292929;
	text-decoration: none;
	min-width: 5.5625rem;
	width: auto;
	justify-content: center;		
}
.download-icon {
	width: 155px;
}
.copyright {
	font-size: 90%;
	img {
		width: 28px;
	}
}
@media screen and (max-width: 676px) {
	.logo img {
		max-width: 70px;
	}
	.province-selector-box {
		width: 100%;
	}
	.lang-selector-box {
		width: 100%;
	}
}