/* Local Overrides */

/* Headline */
@media only screen and (max-width: 480px) {
	.section-hero .hero-headline .custom_small {
		display: inline;
		white-space: normal;
	}
}
@media only screen and (max-width: 460px) {
	.section-hero .hero-headline .custom_xsmall {
		display: inline;
		white-space: normal;
	}
}

.section-hero .hero-headline br {
	display: none;
}

@media (max-width: 480px) {
	.section-hero .hero-headline br {
		display: inline;
	}
}

/* Next Step */
.section-router
	.section-content
	.copy-container
	.typography-headline-standalone
	br.custom_small {
	display: none;
}
@media only screen and (max-width: 475px) {
	.section-router
		.section-content
		.copy-container
		.typography-headline-standalone
		br.custom_small {
		display: inline-block;
	}
}

/* Contact Router */
@media only screen and (min-width: 735px) {
	.section-router .small-hide .tile-rounded .tile-copy-container {
		max-width: 270px;
	}
}

/*br */
.section-router
	.tile-rounded
	.tile-headline.typography-eyebrow-elevated
	br.custom_small_first {
	display: none;
}
@media only screen and (max-width: 974px) and (min-width: 735px) {
	.section-router
		.tile-rounded
		.tile-headline.typography-eyebrow-elevated
		br.custom_small_first {
		display: inline-block;
	}
}
.section-router
	.tile-rounded
	.tile-headline.typography-eyebrow-elevated
	br.custom_small_third {
	display: none;
}
@media only screen and (max-width: 799px) and (min-width: 735px) {
	.section-router
		.tile-rounded
		.tile-headline.typography-eyebrow-elevated
		br.custom_small_third {
		display: inline-block;
	}
}

/* hello bubble */
.icon-hello {
	background-size: 167px 72px;
	background-image: url("/ca/fr/business/small-business/images/overview/hello_bubble__eu1dbrvzhtiu_large.png");
	width: 167px;
	height: 72px;
}

@media (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
	.icon-hello {
		background-image: url("/ca/fr/business/small-business/images/overview/hello_bubble__eu1dbrvzhtiu_large_2x.png");
	}
}

@media (max-width: 1068px) {
	.icon-hello {
		background-size: 142px 61px;
		background-image: url("/ca/fr/business/small-business/images/overview/hello_bubble__eu1dbrvzhtiu_medium.png");
		width: 142px;
		height: 61px;
	}
}

@media (max-width: 1068px) and (min-resolution: 1.5dppx),
	(max-width: 1068px) and (min-resolution: 144dpi) {
	.icon-hello {
		background-image: url("/ca/fr/business/small-business/images/overview/hello_bubble__eu1dbrvzhtiu_medium_2x.png");
	}
}

@media (max-width: 734px) {
	.icon-hello {
		background-size: 84px 37px;
		background-image: url("/ca/fr/business/small-business/images/overview/hello_bubble__eu1dbrvzhtiu_small.png");
		width: 84px;
		height: 37px;
	}
}

@media (max-width: 734px) and (min-resolution: 1.5dppx),
	(max-width: 734px) and (min-resolution: 144dpi) {
	.icon-hello {
		background-image: url("/ca/fr/business/small-business/images/overview/hello_bubble__eu1dbrvzhtiu_small_2x.png");
	}
}

/* end of hello bubble */

@media (max-width: 734px) {
	.typography-headline .highlight {
		font-size: 27px;
	}
}
@media (max-width: 734px) {
	.typography-headline .custom_headline_fr {
		font-size: 27px;
	}
}

@media (max-width: 734px) {
	.typography-section-headline .nowrap {
		font-size: 43px;
	}
}

@media only screen and (max-width: 330px) {
	.section-hero.rolodex-mode
		.hero-headline
		.rolodex:first-child
		> .rolodex-item.hide-no-enhanced-xp {
		width: 90%;
	}
	.section-hero.rolodex-mode .hero-headline .rolodex > .rolodex-item.setup {
		left: -6px;
	}
}
/* Hero headline */

@media only screen and (min-width: 1231px) {
	.section.section.section-hero.rolodex-mode
		div.section-content
		div
		div
		div:nth-child(2).rolodex-item.animate-in {
		left: -100px;
	}
}

@media only screen and (min-width: 1110px) and (max-width: 1230px) {
	.section.section.section-hero.rolodex-mode
		div.section-content
		div
		div
		div:nth-child(2).rolodex-item.animate-in {
		left: -90px;
	}
}

@media only screen and (min-width: 1069px) and (max-width: 1110px) {
	.section.section.section-hero.rolodex-mode
		div.section-content
		div
		div
		div:nth-child(2).rolodex-item.animate-in {
		font-size: 105px;
		left: -75px;
	}
}

@media only screen and (min-width: 801px) and (max-width: 1068px) {
	.section.section.section-hero.rolodex-mode
		div.section-content
		div
		div
		div:nth-child(2).rolodex-item.animate-in {
		left: -70px;
	}
}