@media (max-width: 680px) {
	.desantis-residential-roofing #repair-or-replacement {
		height: auto;
		min-height: 0;
	}
	.desantis-residential-roofing #repair-or-replacement .t02-s05__content {
		position: relative;
		inset: auto;
		display: flex;
		flex-direction: column;
		gap: 24px;
		height: auto;
		padding: 337px 20px 64px;
	}
	.desantis-residential-roofing #repair-or-replacement .t02-s05__content > * {
		position: relative;
		inset: auto;
		width: 100%;
		height: auto;
		margin: 0 !important;
		flex: none;
	}
	.desantis-residential-roofing #repair-or-replacement .t02-s05__option {
		height: auto;
		min-height: 0;
	}
	.desantis-residential-roofing #repair-or-replacement .t02-s05__considerations-copy {
		width: auto;
		margin-left: 32px;
	}
	.desantis-residential-roofing #repair-or-replacement .t02-s05__cta {
		min-height: 56px;
		padding: 12px 16px;
		text-align: center;
	}
	.desantis-residential-roofing .t02-s06 .t02-s06__counter {
		top: 540px;
		left: 50%;
		width: 76px;
		height: 28px;
		margin: 0;
		transform: translateX(-50%);
		border-radius: 14px;
		background: #fff;
		color: #bd312b;
		font-size: var(--type-body-small-size);
		font-weight: var(--type-weight-bold);
		line-height: 28px;
		text-align: center;
		font-variant-numeric: tabular-nums;
	}
	.desantis-residential-roofing .t02-s06 .t02-s06__form {
		width: 100%;
		height: auto;
		padding: 24px;
		gap: 14px;
	}
	.desantis-residential-roofing .t02-s06 .t02-s06__form label,
	.desantis-residential-roofing .t02-s06 .t02-s06__form input,
	.desantis-residential-roofing .t02-s06 .t02-s06__form button {
		width: 100%;
		min-width: 0;
		font-family: var(--type-font-body);
		font-size: var(--type-body-size);
		line-height: var(--type-body-line);
	}
	.desantis-residential-roofing .t02-s06 .t02-s06__form input {
		font-weight: var(--type-weight-medium);
	}
	.desantis-residential-roofing .t02-s06 .t02-s06__form button {
		height: auto;
		min-height: 48px;
		padding: 10px 12px;
		font-weight: var(--type-weight-bold);
	}
}

@media (min-width: 681px) and (max-width: 1023px) {
	.desantis-residential-roofing .site-header.site-header--hero {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		background: transparent;
		border: 0;
	}

	.desantis-residential-roofing .t02-s04__shell .t02-s04__visual {
		left: calc(50% - 161.1842px);
	}
}

@media (min-width: 1024px) and (max-width: 1100px) {
	.desantis-residential-roofing {
		--residential-hero-height: 820px;
		--residential-header-height: 112px;
	}

	.desantis-residential-roofing .site-header.site-header--hero {
		position: absolute;
		top: 0;
		left: 0;
		height: 112px;
		background: transparent;
		border: 0;
	}

	.desantis-residential-roofing .site-header--hero .utility-bar {
		height: 44px;
		background: #080808;
	}

	.desantis-residential-roofing .site-header--hero .utility-bar__inner {
		width: calc(100% - 96px);
		height: 44px;
		margin: 0 48px;
	}

	.desantis-residential-roofing .site-header--hero .utility-bar__hours {
		display: block;
		font-size: 14px;
		line-height: 20px;
	}

	.desantis-residential-roofing .site-header--hero .utility-bar__offices {
		display: flex;
		width: 588px;
		height: 44px;
		margin: 0;
	}

	.desantis-residential-roofing .site-header--hero .office-phone,
	.desantis-residential-roofing .site-header--hero .office-phone + .office-phone {
		display: flex;
		gap: 10px;
		width: 228px;
		height: 44px;
		margin: 0;
		padding: 0 14px;
		border: 0;
	}

	.desantis-residential-roofing .site-header--hero .office-phone + .office-phone {
		width: 260px;
		border-left: 1px solid #404040;
	}

	.desantis-residential-roofing .site-header--hero .office-phone span,
	.desantis-residential-roofing .site-header--hero .office-phone:first-child span,
	.desantis-residential-roofing .site-header--hero .office-phone:last-child span,
	.desantis-residential-roofing .site-header--hero .office-phone strong,
	.desantis-residential-roofing .site-header--hero .office-phone:first-child strong,
	.desantis-residential-roofing .site-header--hero .office-phone:last-child strong {
		flex: 0 0 auto;
		transform: none;
	}

	.desantis-residential-roofing .site-header--hero .office-phone span {
		font-size: 12px;
		line-height: 18px;
	}

	.desantis-residential-roofing .site-header--hero .office-phone span::after {
		font-size: 12px;
	}

	.desantis-residential-roofing .site-header--hero .office-phone strong {
		font-size: 15px;
		line-height: 20px;
	}

	.desantis-residential-roofing .site-header--hero .primary-bar,
	.desantis-residential-roofing .site-header--hero .primary-bar__inner {
		height: 68px;
		min-height: 68px;
	}

	.desantis-residential-roofing .site-header--hero .primary-bar__inner {
		width: calc(100% - 96px);
		margin: 0 48px;
		padding: 0;
	}

	.desantis-residential-roofing .site-header--hero .site-brand,
	.desantis-residential-roofing .site-header--hero .site-brand img {
		width: 190px;
	}

	.desantis-residential-roofing .site-header--hero .site-brand {
		margin-right: auto;
	}

	.desantis-residential-roofing .site-header--hero .site-header__flag {
		top: 44px;
		left: -4px;
		display: block;
		width: 84px;
		height: 54px;
	}

	.desantis-residential-roofing .site-header--hero .nav-toggle,
	.desantis-residential-roofing .site-header--hero .primary-menu {
		display: none;
	}

	.desantis-residential-roofing .site-header--hero .site-navigation {
		position: static;
		display: flex;
		width: auto;
		max-height: none;
		padding: 0;
		overflow: visible;
		background: transparent;
		border: 0;
	}

	.desantis-residential-roofing .site-header--hero .button--header {
		display: flex;
		width: 180px;
		height: 52px;
		min-height: 52px;
		margin: 0;
		padding: 0 18px;
		border-radius: var(--button-border-radius, 7px);
		font-size: var(--button-font-size, 14px);
		line-height: var(--button-line-height, 16px);
		transform: none;
	}

	.desantis-residential-roofing .residential-roofing-page {
		height: auto;
		min-height: 0;
	}

	.desantis-residential-roofing .residential-hero {
		height: 820px;
		min-height: 820px;
	}

	.desantis-residential-roofing .residential-hero__media {
		top: -220px;
		left: 0;
		width: 100%;
		height: 1080px;
		transform: none;
	}

	.desantis-residential-roofing .residential-hero__shade {
		inset: 0;
		width: 100%;
		height: 820px;
		transform: none;
	}

	.desantis-residential-roofing .residential-hero__layout {
		position: relative;
		display: block;
		width: 100%;
		height: 820px;
		min-height: 820px;
		margin: 0;
		padding: 0;
	}

	.desantis-residential-roofing .residential-hero__content {
		position: static;
		width: 100%;
	}

	.desantis-residential-roofing .residential-hero__eyebrow {
		position: absolute;
		top: 134px;
		left: 48px;
		gap: 14px;
		margin: 0;
		font-size: 16px;
		line-height: 20px;
	}

	.desantis-residential-roofing .residential-hero__eyebrow::before {
		width: 50px;
		height: 2px;
	}

	.desantis-residential-roofing .residential-hero__title {
		position: absolute;
		top: 182px;
		left: 48px;
		width: 550px;
		font-size: 46px;
		line-height: 54px;
	}

	.desantis-residential-roofing .residential-hero__title > span {
		padding: 0;
	}

	.desantis-residential-roofing .residential-hero__title > .residential-hero__title-highlight {
		width: 384px;
		padding: 0 8px;
		background: #be2d28;
	}

	.desantis-residential-roofing .residential-hero__title-highlight::before {
		display: none;
	}

	.desantis-residential-roofing .residential-hero__title-highlight > span {
		display: inline;
	}

	.desantis-residential-roofing .residential-hero__description {
		position: absolute;
		top: 374px;
		left: 48px;
		width: 510px;
		margin: 0;
		font-size: 18px;
		font-weight: 500;
		line-height: 27px;
	}

	.desantis-residential-roofing .residential-hero__trust-list {
		position: absolute;
		top: 502px;
		left: 48px;
		gap: 10px;
		margin: 0;
	}

	.desantis-residential-roofing .residential-hero__trust-list li {
		font-size: 17px;
		line-height: 22px;
	}

	.desantis-residential-roofing .residential-hero__actions {
		position: static;
		margin: 0;
	}

	.desantis-residential-roofing .residential-hero__cta {
		position: absolute;
		top: 632px;
		left: 48px;
		width: 280px;
		min-height: 60px;
		font-size: var(--button-font-size, 17px);
		line-height: var(--button-line-height, 20px);
	}

	.desantis-residential-roofing .residential-hero__phones {
		position: absolute;
		top: 628px;
		left: 420px;
		gap: 4px;
		margin: 0;
	}

	.desantis-residential-roofing .residential-hero__phones strong {
		font-size: 26px;
		line-height: 30px;
	}

	.desantis-residential-roofing .residential-hero__phones span {
		font-size: 14px;
		line-height: 20px;
	}

	.desantis-residential-roofing .residential-hero__form-slot {
		position: absolute;
		top: 154px;
		left: 630px;
		width: 346px;
		height: 424px;
		min-height: 424px;
		margin: 0;
	}

	.desantis-residential-roofing .residential-lead-form {
		width: 346px;
		height: 424px;
	}

	.desantis-residential-roofing .residential-credentials {
		display: none;
	}

	.desantis-residential-roofing .t02-s02 {
		top: 0;
		margin-top: -12px;
		height: 980px;
		padding: 0;
	}

	.desantis-residential-roofing .t02-s02__header {
		position: absolute;
		top: 62px;
		left: 232px;
		width: 560px;
		margin: 0;
		transform: none;
	}

	.desantis-residential-roofing .t02-s02__eyebrow {
		font-size: 16px;
		line-height: 20px;
		margin: 0;
	}

	.desantis-residential-roofing .t02-s02 h2 {
		margin-top: 18px;
		font-size: var(--section-heading-font-size, 46px);
		line-height: var(--section-heading-line-height, 52px);
	}

	.desantis-residential-roofing .t02-s02 h2 > span {
		height: 52px;
	}

	.desantis-residential-roofing .t02-s02 h2 > span:last-child {
		width: 260px;
		height: 58px;
		line-height: var(--section-heading-line-height, 52px);
	}

	.desantis-residential-roofing .t02-s02__intro {
		position: absolute;
		top: 238px;
		left: 170px;
		width: 684px;
		height: 81px;
		margin: 0;
		font-size: 17px;
		line-height: 27px;
		transform: none;
	}

	.desantis-residential-roofing .t02-s02__cards {
		position: absolute;
		top: 342px;
		left: 48px;
		display: grid;
		grid-template-columns: repeat(2, 452px);
		grid-template-rows: repeat(2, 280px);
		gap: 28px 24px;
		width: 928px;
		height: 588px;
		margin: 0;
		transform: none;
	}

	.desantis-residential-roofing .service-option-card {
		width: 452px;
		height: 280px;
	}

	.desantis-residential-roofing .service-option-card h3 {
		top: 152px;
		left: 20px;
		width: 412px;
		font-size: 20px;
		line-height: 26px;
	}

	.desantis-residential-roofing .service-option-card__short {
		top: 186px;
		left: 20px;
		width: 412px;
		font-size: 15px;
		line-height: 22px;
	}

	.desantis-residential-roofing .service-option-card__cta {
		top: 244px;
		left: 20px;
		font-size: 14px;
		line-height: 18px;
	}

	.desantis-residential-roofing .t02-s02__mobile-note {
		display: block;
		top: 948px;
		left: 48px;
		width: 928px;
		font-size: 12px;
		line-height: 18px;
	}

	.desantis-residential-roofing .t02-s03 {
		height: 750px;
		padding: 0 48px;
	}

	.desantis-residential-roofing .t02-s03__shell {
		position: relative;
		height: 750px;
		padding: 0;
	}

	.desantis-residential-roofing .t02-s03__heading-row {
		display: block;
		margin: 0;
	}

	.desantis-residential-roofing .t02-s03__eyebrow {
		position: absolute;
		top: 60px;
		left: 0;
		font-size: 16px;
		line-height: 20px;
		margin: 0;
	}

	.desantis-residential-roofing .t02-s03 h2 {
		position: absolute;
		top: 100px;
		left: 0;
		width: 620px;
		font-size: var(--section-heading-font-size, 46px);
		line-height: var(--section-heading-line-height, 50px);
		transform: none;
	}

	.desantis-residential-roofing .t02-s03__intro {
		position: absolute;
		top: 108px;
		left: 512px;
		width: 416px;
		height: 135px;
		margin: 0;
		font-size: 16px;
		line-height: 27px;
	}

	.desantis-residential-roofing .t02-story-slider {
		position: absolute;
		top: 280px;
		left: 0;
		width: 928px;
		height: 406px;
		min-height: 406px;
		border-radius: 16px;
	}

	.desantis-residential-roofing .t02-story-slider__tabs {
		top: 51px;
		left: 20px;
		gap: 9px;
		width: 239px;
	}

	.desantis-residential-roofing .t02-story-slider__tab,
	.desantis-residential-roofing .t02-story-slider__tab.is-active {
		height: 70px;
		border-radius: 9px;
	}

	.desantis-residential-roofing .t02-story-slider__tab-title,
	.desantis-residential-roofing .t02-story-slider__tab.is-active .t02-story-slider__tab-title,
	.desantis-residential-roofing .t02-story-slider__tab.is-active.is-single-line .t02-story-slider__tab-title {
		top: 18px;
		left: 14px;
		width: 202px;
		font-size: 15px;
		line-height: 18px;
	}

	.desantis-residential-roofing .t02-story-slider__tab-detail,
	.desantis-residential-roofing .t02-story-slider__progress {
		display: none;
	}

	.desantis-residential-roofing .t02-story-slider__panel {
		top: 220px;
		left: 291px;
		width: 520px;
		max-width: none;
	}

	.desantis-residential-roofing .t02-story-slider__category {
		margin-bottom: 8px;
		font-size: 12px;
		line-height: 16px;
	}

	.desantis-residential-roofing .t02-story-slider__panel h3 {
		margin-bottom: 8px;
		font-size: 30px;
		line-height: 34px;
	}

	.desantis-residential-roofing .t02-story-slider__body {
		width: 522px;
		max-width: 522px;
		font-size: 14px;
		line-height: 20px;
	}

	.desantis-residential-roofing .t02-story-slider__panel[data-story-panel="2"] .t02-story-slider__body--desktop {
		width: 540px;
		max-width: 540px;
		transform: translateY(-10px);
	}

	.desantis-residential-roofing .t02-s03__intro--desktop {
		display: none;
	}

	.desantis-residential-roofing .t02-s03__intro--mobile {
		display: block;
	}

	.desantis-residential-roofing .t02-story-slider__cta {
		top: 160px;
		font-size: 12px;
		line-height: 16px;
	}

	.desantis-residential-roofing .t02-story-slider__controls {
		top: 355px;
		right: 17px;
		gap: 4px;
	}

	.desantis-residential-roofing .t02-story-slider__controls button {
		width: 34px;
		height: 34px;
	}

	.desantis-residential-roofing .t02-s04 {
		height: 1240px;
		padding: 0;
	}

	.desantis-residential-roofing .t02-s04__shell {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 1240px;
		margin: 0;
		background: #f3f1ee;
		overflow: hidden;
	}

	.desantis-residential-roofing .t02-s04__visual {
		position: absolute;
		top: 230px;
		left: 212.6579px;
		width: 700px;
		height: 760px;
		background: transparent;
		overflow: visible;
		transform: scale(.8552631579);
		transform-origin: 0 0;
	}

	.desantis-residential-roofing .t02-s04__visual-eyebrow {
		display: flex;
	}

	.desantis-residential-roofing .t02-s04__glow,
	.desantis-residential-roofing .t02-s04__leader-map {
		display: block;
	}

	.desantis-residential-roofing .t02-s04__layers {
		display: block;
	}

	.desantis-residential-roofing .t02-s04__roof {
		inset: auto;
		top: 95px;
		left: 18px;
		width: 680px;
		height: 557px;
	}

	.desantis-residential-roofing .t02-s04 .t02-roof-system__static {
		opacity: 1 !important;
	}

	.desantis-residential-roofing .t02-s04 .t02-roof-system__layer-visual {
		opacity: 0 !important;
	}

	.desantis-residential-roofing .t02-s04__copy {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 1240px;
		background: transparent;
		overflow: visible;
		pointer-events: none;
	}

	.desantis-residential-roofing .t02-s04__copy .t02-s04__eyebrow {
		top: 44px;
		left: 64px;
		font-size: 13px;
		line-height: 18px;
	}

	.desantis-residential-roofing .t02-s04 h2 {
		top: 88px;
		left: 64px;
		width: 460px;
		font-size: var(--section-heading-font-size, 49px);
		line-height: var(--section-heading-line-height, 53px);
	}

	.desantis-residential-roofing .t02-s04 h2 span {
		height: 53px;
	}

	.desantis-residential-roofing .t02-s04 h2 span:last-child {
		width: 359px;
		height: 59px;
		padding: 3px 10px 0;
	}

	.desantis-residential-roofing .t02-s04__intro {
		top: 96px;
		left: 560px;
		width: 400px;
		font-size: 16px;
		line-height: 24px;
	}

	.desantis-residential-roofing .t02-s04__subheading--water,
	.desantis-residential-roofing .t02-s04__subheading--surface {
		top: 926px;
		left: 64px;
		width: 400px;
	}

	.desantis-residential-roofing .t02-s04__subheading--surface {
		left: 528px;
	}

	.desantis-residential-roofing .t02-s04__body--water,
	.desantis-residential-roofing .t02-s04__body--surface {
		top: 954px;
		left: 64px;
		width: 400px;
		font-size: 15px;
		line-height: 22px;
	}

	.desantis-residential-roofing .t02-s04__body--surface {
		left: 528px;
	}

	.desantis-residential-roofing .t02-s04__note {
		top: 1050px;
		left: 64px;
		width: 896px;
		height: 150px;
		padding: 16px 20px 0;
		pointer-events: auto;
	}

	.desantis-residential-roofing .t02-s05 {
		height: 1000px;
		min-height: 1000px;
		padding: 0;
	}

	.desantis-residential-roofing .t02-s05__media {
		width: 420px;
		height: 1000px;
		background-position: 38% center;
		background-size: auto 100%;
	}

	.desantis-residential-roofing .t02-s05__shade {
		background: linear-gradient(90deg, rgba(27,28,35,.1) 0, rgba(27,28,35,.22) 37%, #1b1c23 44%);
	}

	.desantis-residential-roofing .t02-s05__content {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 1000px;
		margin: 0;
		padding: 0;
	}

	.desantis-residential-roofing .t02-s05__eyebrow {
		position: absolute;
		top: 52px;
		left: 450px;
		font-size: 15px;
		line-height: 20px;
	}

	.desantis-residential-roofing .t02-s05__title {
		position: absolute;
		top: 92px;
		left: 450px;
		margin: 0;
		font-size: var(--section-heading-font-size, 48px);
		line-height: var(--section-heading-line-height, 53px);
	}

	.desantis-residential-roofing .t02-s05__title > strong {
		height: 59px;
		margin: 0;
		padding: 3px 10px 0;
	}

	.desantis-residential-roofing .t02-s05__intro {
		position: absolute;
		top: 228px;
		left: 450px;
		width: 526px;
		height: 144px;
		margin: 0 !important;
		font-size: 16px;
		line-height: 24px;
	}

	.desantis-residential-roofing .t02-s05__options {
		position: absolute;
		top: 396px;
		left: 450px;
		display: grid;
		grid-template-columns: 253px 257px;
		gap: 16px;
		width: 526px;
		height: 176px;
		margin: 0;
	}

	.desantis-residential-roofing .t02-s05__option {
		padding: 16px;
		border: 1px solid rgba(194,161,112,.35);
		border-radius: 10px;
	}

	.desantis-residential-roofing .t02-s05__option h3 {
		font-size: 16px;
		line-height: 20px;
	}

	.desantis-residential-roofing .t02-s05__option p {
		margin-top: 14px !important;
		padding: 0;
		font-size: 14px;
		line-height: 20px;
	}

	.desantis-residential-roofing .t02-s05__considerations {
		position: absolute;
		top: 596px;
		left: 450px;
		width: 526px;
		height: 294px;
		margin: 0;
		padding: 18px;
	}

	.desantis-residential-roofing .t02-s05__considerations-copy {
		width: 470px;
		margin: 14px 0 0 36px;
		font-size: 14px;
		line-height: 20px;
	}

	.desantis-residential-roofing .t02-s05__considerations-copy p + p {
		margin-top: 14px !important;
	}

	.desantis-residential-roofing .t02-s05__cta {
		position: absolute;
		top: 914px;
		left: 450px;
		width: 320px;
		height: 56px;
		margin: 0;
	}

	.desantis-residential-roofing .t02-s06,
	.desantis-residential-roofing .t02-s06__shell {
		height: 1320px;
		min-height: 1320px;
	}

	.desantis-residential-roofing .t02-s06__viewport {
		height: 450px;
	}

	.desantis-residential-roofing .t02-s06__counter {
		top: 412px;
	}

	.desantis-residential-roofing .t02-s06__guide {
		top: 806px;
		height: 514px;
	}

	.desantis-residential-roofing .t02-s06__book {
		top: 24px;
	}

	.desantis-residential-roofing .t02-s10,
	.desantis-residential-roofing .t02-s10__panel {
		height: 920px;
	}

	.desantis-residential-roofing .t02-location-card {
		flex: 0 0 212px;
		height: 212px;
	}

	.desantis-residential-roofing .t02-s10__locations {
		gap: 16px;
		height: 440px;
	}

	.desantis-residential-roofing .t02-location-card__phone {
		top: 103px;
	}

	.desantis-residential-roofing .t02-location-card__actions {
		top: 146px;
	}

	.desantis-residential-roofing .t02-location-card__actions a {
		height: 50px;
	}

	.desantis-residential-roofing .t02-s10__footer-note {
		position: absolute;
		top: 846px;
		left: 56px;
		width: 420px;
		height: 40px;
		margin: 0;
	}

	.desantis-residential-roofing .t02-s11--dynamic {
		display: none;
	}

	.desantis-residential-roofing .site-footer--t02 {
		position: relative;
		height: 1144px;
	}

	.desantis-residential-roofing .site-footer--t02 .site-shell {
		width: 1024px;
		max-width: none;
		margin: 0;
		padding: 0;
	}

	.desantis-residential-roofing .t02-footer-areas,
	.desantis-residential-roofing .t02-footer-areas__inner {
		height: 500px;
	}

	.desantis-residential-roofing .t02-footer-areas__eyebrow {
		top: 48px;
		left: 50%;
		font-size: 16px;
		line-height: 20px;
		transform: translateX(-50%);
	}

	.desantis-residential-roofing .site-footer--t02 .t02-footer-areas h2 {
		top: 88px;
		left: 50%;
		font-size: var(--section-heading-font-size, 48px);
		line-height: var(--section-heading-line-height, 53px);
		transform: translateX(-50%);
	}

	.desantis-residential-roofing .t02-footer-areas__title-highlight {
		width: 201px;
		height: 59px;
		margin-left: 13px;
		padding-top: 3px;
	}

	.desantis-residential-roofing .t02-footer-areas__nav {
		top: 174px;
		left: 48px;
		width: 928px;
	}

	.desantis-residential-roofing .t02-footer-areas__nav ul {
		grid-template-rows: repeat(11, 27px);
		grid-auto-columns: 280px;
		column-gap: 30px;
		width: 900px;
	}

	.desantis-residential-roofing .t02-footer-info,
	.desantis-residential-roofing .t02-footer-info__inner {
		height: 584px;
	}

	.desantis-residential-roofing .t02-footer-brand {
		position: static;
		width: auto;
	}

	.desantis-residential-roofing .t02-footer-brand__logo {
		position: absolute;
		top: 48px;
		left: 48px;
	}

	.desantis-residential-roofing .t02-footer-brand p {
		top: 52px;
		left: 300px;
		width: 350px;
		height: 48px;
		font-size: 14px;
		line-height: 24px;
	}

	.desantis-residential-roofing .t02-footer-cta {
		top: 48px;
		left: 706px;
		width: 270px;
		height: 52px;
	}

	.desantis-residential-roofing .t02-footer-office {
		top: 140px;
		width: 440px;
		height: 212px;
	}

	.desantis-residential-roofing .t02-footer-office--apopka {
		left: 48px;
	}

	.desantis-residential-roofing .t02-footer-office--winter {
		left: 536px;
	}

	.desantis-residential-roofing .site-footer--t02 .t02-footer-office h2 {
		top: 18px;
		left: 20px;
	}

	.desantis-residential-roofing .t02-footer-office address {
		top: 46px;
		left: 20px;
		width: 400px;
		height: 44px;
	}

	.desantis-residential-roofing .t02-footer-office__phone {
		top: 103px;
		left: 20px;
		width: 400px;
		height: 24px;
		padding: 0;
		background: transparent;
	}

	.desantis-residential-roofing .t02-footer-office__phone img.t02-footer-office__phone-icon-mobile {
		display: block;
		width: 20px;
		height: 20px;
	}

	.desantis-residential-roofing .t02-footer-office__phone span {
		font-size: 18px;
		line-height: 24px;
	}

	.desantis-residential-roofing .t02-footer-office__actions {
		position: absolute;
		top: 146px;
		left: 20px;
		display: flex;
		gap: 20px;
		width: 400px;
		height: 50px;
	}

	.desantis-residential-roofing .t02-footer-office__action {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		width: 190px;
		height: 50px;
		border-radius: 6px;
		font-size: 14px;
		font-weight: 700;
		line-height: 20px;
		text-transform: uppercase;
	}

	.desantis-residential-roofing .t02-footer-office__action--call {
		background: #e4b66c;
		color: #0e0f0f;
	}

	.desantis-residential-roofing .t02-footer-office__action--text {
		background: #f6f6f2;
		color: #0e0f0f;
	}

	.desantis-residential-roofing .t02-footer-office__action img {
		display: block;
		width: 18px;
		height: 18px;
	}

	.desantis-residential-roofing .t02-footer-links {
		top: 390px;
	}

	.desantis-residential-roofing .t02-footer-links--residential {
		left: 48px;
		width: 300px;
	}

	.desantis-residential-roofing .t02-footer-links--explore {
		left: 382px;
		width: 220px;
	}

	.desantis-residential-roofing .site-footer--t02 .t02-footer-links h2 {
		display: block;
		margin-bottom: 14px;
		font-size: var(--section-heading-font-size, 14px);
		line-height: var(--section-heading-line-height, 20px);
	}

	.desantis-residential-roofing .t02-footer-links__toggle {
		display: none;
	}

	.desantis-residential-roofing .t02-footer-links__panel {
		display: block;
	}

	.desantis-residential-roofing .t02-footer-links__panel > a {
		height: 31px;
		font-size: 16px;
		line-height: 31px;
	}

	.desantis-residential-roofing .t02-footer-commercial {
		top: 34px;
		left: 606px;
		display: flex;
		align-items: center;
		width: 306px;
		height: 48px;
		padding: 0 16px;
		border: 1px solid #30332e;
		border-radius: 6px;
		background: #131414;
		font-size: 14px;
		line-height: 20px;
	}

	.desantis-residential-roofing .t02-footer-license {
		top: 508px;
		left: 654px;
		width: 322px;
		font-size: 13px;
		line-height: 20px;
		text-align: left;
	}

	.desantis-residential-roofing .t02-footer-legal,
	.desantis-residential-roofing .t02-footer-legal__inner {
		height: 60px;
	}

	.desantis-residential-roofing .site-footer--t02 .t02-footer-legal__inner {
		padding: 22px 48px 0;
	}

	.desantis-residential-roofing .t02-s02__intro,
	.desantis-residential-roofing .t02-s03__intro {
		font-size: var(--type-body-large-size);
		font-weight: var(--type-weight-medium);
		line-height: var(--type-body-large-line);
	}

	.desantis-residential-roofing .service-option-card h3 {
		font-family: var(--type-font-body);
		font-size: 22px;
		font-weight: var(--type-weight-bold);
		line-height: 28px;
	}

	.desantis-residential-roofing .service-option-card__short {
		font-size: var(--type-body-size);
		font-weight: var(--type-weight-medium);
		line-height: var(--type-body-line);
	}

	.desantis-residential-roofing .service-option-card__full {
		display: none !important;
	}

	.desantis-residential-roofing .t02-s02__mobile-note {
		font-size: var(--type-label-size);
		font-weight: var(--type-weight-medium);
		line-height: var(--type-label-line);
	}

	.desantis-residential-roofing .t02-story-slider__body,
	.desantis-residential-roofing .t02-s04__intro,
	.desantis-residential-roofing .t02-s04__body,
	.desantis-residential-roofing .t02-s04__note p,
	.desantis-residential-roofing .t02-s05__intro,
	.desantis-residential-roofing .t02-s05__option p,
	.desantis-residential-roofing .t02-s05__considerations-copy,
	.desantis-residential-roofing .t02-s09__intro,
	.desantis-residential-roofing .t02-s09__step > p,
	.desantis-residential-roofing .t02-s10__description,
	.desantis-residential-roofing .t02-s11__description,
	.desantis-residential-roofing .t02-s12__description,
	.desantis-residential-roofing .t02-guide-description,
	.desantis-residential-roofing .t02-faq-item p {
		font-weight: var(--type-weight-medium);
	}

	.desantis-residential-roofing .t02-s04__subheading {
		font-family: var(--type-font-body);
		font-weight: var(--type-weight-bold);
	}

	.desantis-residential-roofing .t02-s05__title {
		font-size: var(--section-heading-font-size, var(--type-section-title-size));
		line-height: var(--section-heading-line-height, var(--type-section-title-line));
	}

	.desantis-residential-roofing .t02-s05__title > strong {
		font-size: var(--section-heading-font-size, 42px);
		line-height: var(--section-heading-line-height, 48px);
	}

	.desantis-residential-roofing .t02-s05__option h3,
	.desantis-residential-roofing .t02-s05__considerations h3 {
		font-size: var(--type-card-title-size);
		line-height: var(--type-card-title-line);
	}

	.desantis-residential-roofing .t02-s05__option p,
	.desantis-residential-roofing .t02-s05__considerations-copy {
		font-size: var(--type-body-small-size);
		line-height: var(--type-body-small-line);
	}

	.desantis-residential-roofing .t02-location-card address {
		font-size: var(--type-body-size);
		font-weight: var(--type-weight-medium);
		line-height: var(--type-body-line);
	}

	.desantis-residential-roofing .t02-location-card__phone,
	.desantis-residential-roofing .t02-location-card__phone span {
		font-size: var(--type-phone-size);
		font-weight: var(--type-weight-bold);
		line-height: var(--type-phone-line);
	}

	.desantis-residential-roofing .t02-s10__description {
		height: 96px;
	}

	.desantis-residential-roofing .t02-s11__description {
		height: 72px;
	}

	.desantis-residential-roofing .t02-s12__description {
		height: 48px;
	}

	.desantis-residential-roofing .t02-project-card__location {
		font-size: 15px;
		line-height: 20px;
	}

	.desantis-residential-roofing .t02-project-card__category {
		height: 18px;
		font-size: 13px;
		line-height: 18px;
	}

	.desantis-residential-roofing .t02-footer-brand p,
	.desantis-residential-roofing .t02-footer-office address,
	.desantis-residential-roofing .t02-footer-links__panel > a,
	.desantis-residential-roofing .t02-footer-legal__inner,
	.desantis-residential-roofing .t02-footer-legal__inner * {
		font-weight: var(--type-weight-medium);
	}

	.desantis-residential-roofing .t02-footer-brand p {
		line-height: 21px;
	}

	.desantis-residential-roofing .t02-footer-office address {
		font-size: var(--type-body-size);
		line-height: var(--type-body-small-line);
	}

	.desantis-residential-roofing .t02-footer-office__phone span {
		font-size: var(--type-phone-size);
		line-height: var(--type-phone-line);
	}
}

@media (max-width: 1023px) {
	.desantis-residential-roofing .t02-s03 {
		height: 1078px;
	}

	.desantis-residential-roofing .t02-s03__shell {
		height: 1078px;
	}

	.desantis-residential-roofing .t02-s03__intro {
		height: 120px;
	}

	.desantis-residential-roofing .t02-story-slider {
		top: 344px;
		height: 702px;
	}

	.desantis-residential-roofing .t02-story-slider__content-shade {
		height: 482px;
	}

	.desantis-residential-roofing .t02-story-slider__panel {
		height: 702px;
	}

	.desantis-residential-roofing .t02-story-slider__panel[data-story-panel] .t02-story-slider__category {
		top: 318px;
	}

	.desantis-residential-roofing .t02-story-slider__panel[data-story-panel] h3 {
		top: 346px;
	}

	.desantis-residential-roofing .t02-story-slider__panel[data-story-panel] .t02-story-slider__body--mobile {
		top: 396px;
		font-size: 16px;
		font-weight: 500;
		line-height: 24px;
	}

	.desantis-residential-roofing .t02-story-slider__cta {
		top: 606px;
	}

	.desantis-residential-roofing .t02-story-slider__panel[data-story-panel="1"] .t02-story-slider__body--mobile,
	.desantis-residential-roofing .t02-story-slider__panel[data-story-panel="2"] .t02-story-slider__body--mobile,
	.desantis-residential-roofing .t02-story-slider__panel[data-story-panel="3"] .t02-story-slider__body--mobile {
		top: 428px;
	}

	.desantis-residential-roofing .t02-story-slider__panel[data-story-panel="1"] .t02-story-slider__cta,
	.desantis-residential-roofing .t02-story-slider__panel[data-story-panel="2"] .t02-story-slider__cta,
	.desantis-residential-roofing .t02-story-slider__panel[data-story-panel="3"] .t02-story-slider__cta {
		top: 632px;
	}

	.desantis-residential-roofing .t02-story-slider__controls {
		top: 642px;
	}

	.desantis-residential-roofing .t02-story-slider__counter {
		top: 656px;
	}

	.desantis-residential-roofing .t02-s04 {
		height: 1326px;
		padding: 0;
		background: #f3f1ee;
	}

	.desantis-residential-roofing .t02-s04__shell {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 1326px;
		margin: 0;
		background: #f3f1ee;
		overflow: hidden;
	}

	.desantis-residential-roofing .t02-s04__visual {
		position: absolute;
		top: 326px;
		left: 33.8158px;
		width: 700px;
		height: 760px;
		min-height: 760px;
		background: transparent;
		overflow: visible;
		transform: scale(.4605263158);
		transform-origin: 0 0;
	}

	.desantis-residential-roofing .t02-s04__visual-eyebrow {
		display: flex;
		left: 38px;
		top: 32px;
	}

	.desantis-residential-roofing .t02-s04__glow {
		display: block;
		left: 90px;
		top: 500px;
		width: 520px;
		height: 160px;
	}

	.desantis-residential-roofing .t02-s04__leader-map {
		display: block;
		width: 700px;
		height: 760px;
	}

	.desantis-residential-roofing .t02-s04__layers {
		display: block;
		position: static;
		padding: 0;
	}

	.desantis-residential-roofing .t02-s04__roof {
		inset: auto;
		top: 95px;
		left: 18px;
		width: 680px;
		height: 557px;
		aspect-ratio: auto;
	}

	.desantis-residential-roofing .t02-s04__layer {
		position: absolute;
	}

	.desantis-residential-roofing .t02-s04__layer-button {
		position: absolute;
		width: 190px;
		height: 44px;
		font-size: 13px;
	}

	.desantis-residential-roofing .t02-s04__layer--1 .t02-s04__layer-button { left: 468px !important; top: 90px !important; }
	.desantis-residential-roofing .t02-s04__layer--2 .t02-s04__layer-button { left: 26px !important; top: 183px !important; }
	.desantis-residential-roofing .t02-s04__layer--3 .t02-s04__layer-button { left: 498px !important; top: 240px !important; }
	.desantis-residential-roofing .t02-s04__layer--4 .t02-s04__layer-button { left: 24px !important; top: 333px !important; }
	.desantis-residential-roofing .t02-s04__layer--5 .t02-s04__layer-button { left: 485px !important; top: 534px !important; }
	.desantis-residential-roofing .t02-s04__layer--6 .t02-s04__layer-button { left: 46px !important; top: 584px !important; }

	.desantis-residential-roofing .t02-s04__hotspot {
		display: block;
	}

	.desantis-residential-roofing .t02-s04 .t02-roof-system__static {
		opacity: 1 !important;
	}

	.desantis-residential-roofing .t02-s04 .t02-roof-system__layer-visual {
		opacity: 0 !important;
	}

	.desantis-residential-roofing .t02-s04__copy {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 1326px;
		padding: 0;
		background: transparent;
		overflow: visible;
	}

	.desantis-residential-roofing .t02-s04__copy .t02-s04__eyebrow {
		position: absolute;
		top: 47px;
		left: 20px;
		width: 350px;
		font-size: 13px;
		line-height: 17px;
	}

	.desantis-residential-roofing .t02-s04__copy h2 {
		position: absolute;
		top: 84px;
		left: 20px;
		width: 350px;
		margin: 0;
		font-size: var(--section-heading-font-size, 38px);
		line-height: var(--section-heading-line-height, 43px);
	}

	.desantis-residential-roofing .t02-s04__copy h2 span {
		height: 43px;
	}

	.desantis-residential-roofing .t02-s04__copy h2 span:last-child {
		width: 279px;
		height: 48px;
		padding: 2px 10px 0;
	}

	.desantis-residential-roofing .t02-s04__intro {
		position: absolute;
		top: 202px;
		left: 20px;
		width: calc(100% - 40px);
		margin: 0;
		font-size: 15px;
		line-height: 24px;
	}

	.desantis-residential-roofing .t02-s04__subheading--water {
		position: absolute;
		top: 728px;
		left: 20px;
		width: calc(100% - 40px);
		margin: 0;
	}

	.desantis-residential-roofing .t02-s04__body--water {
		position: absolute;
		top: 757px;
		left: 20px;
		width: calc(100% - 40px);
		margin: 0;
		font-size: 15px;
		line-height: 24px;
	}

	.desantis-residential-roofing .t02-s04__subheading--surface {
		position: absolute;
		top: 869px;
		left: 20px;
		width: calc(100% - 40px);
		margin: 0;
	}

	.desantis-residential-roofing .t02-s04__body--surface {
		position: absolute;
		top: 898px;
		left: 20px;
		width: calc(100% - 40px);
		margin: 0;
		font-size: 15px;
		line-height: 24px;
	}

	.desantis-residential-roofing .t02-s04__note {
		position: absolute;
		top: 1006px;
		left: 20px;
		width: calc(100% - 40px);
		height: 240px;
		margin: 0;
		padding: 16px 18px 0;
	}

	.desantis-residential-roofing .t02-s05 {
		height: 1614px;
		min-height: 1614px;
		padding: 0;
	}

	.desantis-residential-roofing .t02-s05__media {
		inset: 0 auto auto 0;
		width: 100%;
		height: 320px;
		background-position: 28% center;
		background-size: auto 100%;
	}

	.desantis-residential-roofing .t02-s05__shade {
		background: linear-gradient(180deg, rgba(27,28,35,0) 0, rgba(27,28,35,.2) 280px, #1b1c23 360px);
	}

	.desantis-residential-roofing .t02-s05__content {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 1614px;
		margin: 0;
		padding: 0;
	}

	.desantis-residential-roofing .t02-s05__eyebrow {
		position: absolute;
		top: 337px;
		left: 20px;
		font-size: 13px;
		line-height: 17px;
	}

	.desantis-residential-roofing .t02-s05__title {
		position: absolute;
		top: 374px;
		left: 20px;
		margin: 0;
		font-size: var(--section-heading-font-size, 38px);
		line-height: var(--section-heading-line-height, 43px);
	}

	.desantis-residential-roofing .t02-s05__title > strong {
		height: 48px;
		margin: 0;
		padding: 2px 8px 0;
	}

	.desantis-residential-roofing .t02-s05__intro {
		position: absolute;
		top: 492px;
		left: 20px;
		width: calc(100% - 40px);
		height: 216px;
		margin: 0 !important;
		font-size: 15px;
		line-height: 24px;
	}

	.desantis-residential-roofing .t02-s05__options {
		position: absolute;
		top: 732px;
		left: 20px;
		display: grid;
		grid-template-columns: 1fr;
		gap: 16px;
		width: calc(100% - 40px);
		height: 326px;
		margin: 0;
	}

	.desantis-residential-roofing .t02-s05__option {
		padding: 16px;
		border: 1px solid rgba(194,161,112,.35);
		border-radius: 10px;
	}

	.desantis-residential-roofing .t02-s05__option:first-child {
		height: 166px;
	}

	.desantis-residential-roofing .t02-s05__option:last-child {
		height: 144px;
	}

	.desantis-residential-roofing .t02-s05__option h3 {
		font-size: 16px;
		line-height: 20px;
	}

	.desantis-residential-roofing .t02-s05__option p {
		margin-top: 14px !important;
		padding: 0;
		font-size: 14px;
		line-height: 20px;
	}

	.desantis-residential-roofing .t02-s05__considerations {
		position: absolute;
		top: 1074px;
		left: 20px;
		width: calc(100% - 40px);
		height: 392px;
		margin: 0;
		padding: 16px;
	}

	.desantis-residential-roofing .t02-s05__considerations-copy {
		width: calc(100% - 32px);
		margin: 14px 0 0 32px;
		font-size: 14px;
		line-height: 20px;
	}

	.desantis-residential-roofing .t02-s05__considerations-copy p + p {
		margin-top: 16px !important;
	}

	.desantis-residential-roofing .t02-s05__cta {
		position: absolute;
		top: 1494px;
		left: 20px;
		width: calc(100% - 40px);
		height: 56px;
		margin: 0;
	}

	.desantis-residential-roofing .t02-s06,
	.desantis-residential-roofing .t02-s06__shell {
		height: 1817px;
		min-height: 1817px;
	}

	.desantis-residential-roofing .t02-s06__slider {
		height: 610px;
	}

	.desantis-residential-roofing .t02-s06__viewport {
		height: 610px;
	}

	.desantis-residential-roofing .t02-s06__gallery {
		top: 250px;
	}

	.desantis-residential-roofing .t02-s06__arrow {
		top: 530px;
	}

	.desantis-residential-roofing .t02-s06__counter {
		top: 565px;
	}

	.desantis-residential-roofing .t02-s06__guide {
		top: 970px;
		height: 847px;
	}

	.desantis-residential-roofing .t02-s06__guide-copy {
		top: 315px;
	}

	.desantis-residential-roofing .t02-s06__form {
		height: 226px;
		margin-top: 35px;
	}

	.desantis-residential-roofing .t02-s06__form label,
	.desantis-residential-roofing .t02-s06__form input,
	.desantis-residential-roofing .t02-s06__form button {
		height: 48px;
	}

	.desantis-residential-roofing .t02-s10,
	.desantis-residential-roofing .t02-s10__panel {
		height: 1297px;
	}

	.desantis-residential-roofing .t02-s10__description {
		height: 96px;
	}

	.desantis-residential-roofing .t02-s10__locations {
		gap: 16px;
		height: 424px;
	}

	.desantis-residential-roofing .t02-location-card {
		flex: 0 0 204px;
		height: 204px;
	}

	.desantis-residential-roofing .t02-location-card__phone {
		top: 106px;
	}

	.desantis-residential-roofing .t02-location-card__actions {
		top: 142px;
	}

	.desantis-residential-roofing .t02-location-card__actions a {
		height: 50px;
	}

	.desantis-residential-roofing .t02-s10__footer-note {
		position: absolute;
		top: 1193px;
		left: 20px;
		width: calc(100% - 40px);
		height: 44px;
		margin: 0;
	}

	.desantis-residential-roofing .t02-s11 {
		height: 864px;
	}

	.desantis-residential-roofing .t02-s11--dynamic {
		display: none;
	}

	.desantis-residential-roofing .t02-s11__grid {
		top: 309px;
	}

	.desantis-residential-roofing .t02-s11::after {
		top: 696px;
	}

	.desantis-residential-roofing .t02-s11__cta {
		top: 734px;
		width: calc(100% - 40px);
		height: 56px;
	}

	.desantis-residential-roofing .t02-s12__cta {
		width: calc(100% - 40px);
		height: 56px;
	}

	.desantis-residential-roofing .t02-s13 {
		height: 1049px;
	}

	.desantis-residential-roofing .t02-guide-featured {
		height: 312px;
	}

	.desantis-residential-roofing .t02-guide-featured > img {
		height: 312px;
	}

	.desantis-residential-roofing .t02-guide-featured .t02-guide-description {
		top: 154px;
		height: 110px;
	}

	.desantis-residential-roofing .t02-guide-featured a {
		top: 278px;
	}

	.desantis-residential-roofing .t02-guides-compact {
		top: 521px;
		height: 496px;
	}

	.desantis-residential-roofing .t02-guide-compact:first-child {
		height: 216px;
	}

	.desantis-residential-roofing .t02-guide-compact:last-child {
		top: 232px;
		height: 264px;
	}

	.desantis-residential-roofing .t02-guide-compact > img {
		height: 216px;
	}

	.desantis-residential-roofing .t02-guide-compact:last-child > img {
		height: 264px;
	}

	.desantis-residential-roofing .t02-s14 {
		height: 1710px;
	}

	.desantis-residential-roofing .t02-s14__list {
		top: 195px;
		height: 1361px;
	}

	.desantis-residential-roofing .t02-faq-item:nth-child(1) {
		top: 0;
		height: 207px;
	}

	.desantis-residential-roofing .t02-faq-item:nth-child(2) {
		top: 207px;
		height: 207px;
	}

	.desantis-residential-roofing .t02-faq-item:nth-child(3) {
		top: 414px;
		height: 231px;
	}

	.desantis-residential-roofing .t02-faq-item:nth-child(4) {
		top: 645px;
		height: 231px;
	}

	.desantis-residential-roofing .t02-faq-item:nth-child(5) {
		top: 876px;
		height: 231px;
	}

	.desantis-residential-roofing .t02-faq-item:nth-child(6) {
		top: 1107px;
		height: 254px;
	}

	.desantis-residential-roofing .t02-s14__cta {
		top: 1596px;
		width: calc(100% - 40px);
		height: 56px;
	}

	.desantis-residential-roofing .t02-s02__intro,
	.desantis-residential-roofing .t02-s03__intro,
	.desantis-residential-roofing .t02-story-slider__body--mobile,
	.desantis-residential-roofing .t02-s04__intro,
	.desantis-residential-roofing .t02-s04__body,
	.desantis-residential-roofing .t02-s05__intro,
	.desantis-residential-roofing .t02-s06__header > p:last-child,
	.desantis-residential-roofing .t02-s09__intro,
	.desantis-residential-roofing .t02-s10__description,
	.desantis-residential-roofing .t02-s11__description,
	.desantis-residential-roofing .t02-s12__description,
	.desantis-residential-roofing .t02-faq-item p {
		font-size: var(--type-body-size);
		font-weight: var(--type-weight-medium);
		line-height: var(--type-body-line);
	}

	.desantis-residential-roofing .t02-s02__intro {
		font-weight: var(--type-weight-medium);
	}

	.desantis-residential-roofing .t02-story-slider__tab-title {
		font-size: 14px;
		line-height: 18px;
	}

	.desantis-residential-roofing .t02-story-slider__panel[data-story-panel="2"] .t02-story-slider__body--mobile {
		font-size: var(--type-body-small-size);
		line-height: var(--type-body-small-line);
	}

	.desantis-residential-roofing .t02-s04__subheading {
		font-family: var(--type-font-body);
		font-size: 13px;
		font-weight: var(--type-weight-bold);
		line-height: 17px;
	}

	.desantis-residential-roofing .t02-s04__note p,
	.desantis-residential-roofing .t02-s05__option p,
	.desantis-residential-roofing .t02-s05__considerations-copy,
	.desantis-residential-roofing .t02-s06__description,
	.desantis-residential-roofing .t02-s06__guide-copy > p,
	.desantis-residential-roofing .t02-s09__step > p,
	.desantis-residential-roofing .t02-guide-description {
		font-size: var(--type-body-small-size);
		font-weight: var(--type-weight-medium);
		line-height: var(--type-body-small-line);
	}

	.desantis-residential-roofing .t02-s05__title {
		font-size: var(--section-heading-font-size, var(--type-section-title-size));
		line-height: var(--section-heading-line-height, var(--type-section-title-line));
	}

	.desantis-residential-roofing .t02-s05__title > strong {
		font-size: var(--section-heading-font-size, var(--type-section-title-size));
		line-height: var(--section-heading-line-height, var(--type-section-title-line));
	}

	.desantis-residential-roofing .t02-s05__option h3,
	.desantis-residential-roofing .t02-s05__considerations h3 {
		font-size: var(--type-card-title-size);
		line-height: var(--type-card-title-line);
	}

	.desantis-residential-roofing .t02-location-card address {
		font-size: var(--type-body-size);
		font-weight: var(--type-weight-medium);
		line-height: var(--type-body-small-line);
	}

	.desantis-residential-roofing .t02-location-card__phone,
	.desantis-residential-roofing .t02-location-card__phone span {
		font-size: var(--type-phone-size);
		font-weight: var(--type-weight-bold);
		line-height: var(--type-phone-line);
	}

	.desantis-residential-roofing .t02-s10__note {
		font-size: 16px;
		height: 24px;
		line-height: 24px;
	}

	.desantis-residential-roofing .t02-s11__description {
		height: 96px;
	}

	.desantis-residential-roofing .t02-s12__description {
		height: 72px;
	}

	.desantis-residential-roofing .t02-project-card__location {
		font-size: 15px;
		line-height: 22px;
	}

	.desantis-residential-roofing .t02-s12 .t02-section-heading__title,
	.desantis-residential-roofing .t02-s14 .t02-section-heading__title {
		font-size: var(--section-heading-font-size, var(--type-section-title-size));
		line-height: var(--section-heading-line-height, var(--type-section-title-line));
	}

	.desantis-residential-roofing .t02-s12__carousel .fgrw-theme-card-slider .fgrw-review-text {
		line-height: 22px;
	}

	.desantis-residential-roofing .t02-guide-featured .t02-guide-category,
	.desantis-residential-roofing .t02-guide-compact .t02-guide-category {
		height: 16px;
		font-size: 12px;
		line-height: 16px;
	}

	.desantis-residential-roofing .t02-guide-featured h3,
	.desantis-residential-roofing .t02-guide-compact h3 {
		font-size: var(--type-feature-title-size);
		line-height: var(--type-feature-title-line);
	}

	.desantis-residential-roofing .t02-guide-compact:first-child .t02-guide-description {
		top: 101px;
	}

	.desantis-residential-roofing .t02-guide-compact:last-child .t02-guide-description {
		top: 127px;
	}

	.desantis-residential-roofing .t02-guide-compact:first-child a {
		top: 181px;
	}

	.desantis-residential-roofing .t02-guide-compact:last-child a {
		top: 229px;
	}

	.desantis-residential-roofing .t02-faq-item h3,
	.desantis-residential-roofing .t02-faq-item:nth-child(6) h3 {
		font-size: var(--type-card-title-size);
		line-height: var(--type-card-title-line);
	}

	.desantis-residential-roofing .residential-hero__cta {
		font-size: var(--button-font-size, 16.8px);
		line-height: var(--button-line-height, 21px);
	}
}