@charset "UTF-8";
@media only screen and (max-width:61.25em) {
	.hero {
		background-position-y: 25%;
		background-position-x: 100%;
		background-size: cover;
	}
}

@media only screen and (max-width:37.5em) {
	.hero {
		background-size: 150%;
	}
}

@media only screen and (max-width:22.5em) {
	.hero {
		background-position-y: 20%
	}
}

.about p {
	width: 78%
}

.about__hero {
	width: 100%;
	height: 100%
}

.about p {
	font-size: 1.8rem;
	font-weight: 200;
	width: 85%;
	margin: 0 auto 3rem;
	line-height: 2;
	text-align: center
}

.about h2 {
	margin-bottom: 2rem
}

@media only screen and (max-width:61.25em) {
	.about h2 {
		width: 85%;
		margin-left: auto;
		margin-right: auto
	}
}

.about .wp-block-column {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.about .wp-block-column:not(:last-child) {
	margin-right: 0
}

.about .wp-block-column:last-child {
	padding: 8rem 0;
	margin-left: 1%;
	background-color: rgba(223, 226, 226, .43)
}

@media only screen and (max-width:61.25em) {
	.about .wp-block-column:last-child {
		padding: 0
	}
}

@media only screen and (max-width:61.25em) {
	.about .wp-block-column {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%
	}
}

.infographic {
	margin: 3rem auto 0;
	max-width: 116rem
}

.infographic figcaption {
	min-height: 132px;
	padding: .5rem 1.5rem 5rem;
	font-size: 1.8rem;
	font-weight: lighter;
	line-height: 1.25;
	background-color: #dfe2e2
}

@media only screen and (max-width:78.75em) {
	.infographic figcaption {
		min-height: 154px
	}
}

@media only screen and (max-width:61.25em) {
	.infographic figcaption {
		min-height: 118px
	}
}

@media only screen and (max-width:37.5em) {
	.infographic figcaption {
		min-height: 0
	}
}

.infographic__link {
	-webkit-transform: translateY(-175%);
	transform: translateY(-175%)
}

.infographic__link .wp-block-button__link {
	margin-right: .5rem;
	font-size: 1.3rem;
	padding: 1rem;
	border-radius: 5px
}

@media only screen and (max-width:61.25em) {
	.infographic .wp-block-column {
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0
	}
}

.home blockquote {
	max-width: 96rem;
	margin: 0 auto 3rem
}

.home blockquote p {
	font-size: 4.1rem;
	line-height: 1.12
}

@media only screen and (max-width:37.5em) {
	.home blockquote p {
		font-size: 2.8rem
	}
}

.home blockquote p:before {
	content: "“"
}

.home blockquote p:after,
.home blockquote p:before {
	font-family: Georgia, serif;
	font-size: 8rem;
	display: block;
	text-align: center;
	line-height: 0
}

.home blockquote p:after {
	content: "”";
	margin-top: 4rem
}

.home blockquote cite {
	font-size: 2.6rem;
	font-weight: 500
}

@media only screen and (max-width:37.5em) {
	.home blockquote cite {
		font-size: 2rem
	}
}

.how-to-use .wrapper-inner {
	max-width: none;
	padding: 5rem 8.6% 14rem
}

@media only screen and (max-width:78.75em) {
	.how-to-use .wrapper-inner {
		padding-left: 2%;
		padding-right: 2%
	}
}

@media only screen and (max-width:61.25em) {
	.how-to-use .wrapper-inner {
		padding-bottom: 7rem
	}
}

.how-to-use iframe {
	max-width: 100%
}

@media only screen and (max-width:61.25em) {
	.how-to-use iframe {
		margin: 0 auto;
		display: block
	}
}

.how-to-use .wp-block-column:first-child {
	-ms-flex-preferred-size: 55.17%;
	flex-basis: 55.17%;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin-right: 7.5%
}

@media only screen and (max-width:61.25em) {
	.how-to-use .wp-block-column:first-child {
		margin-right: auto;
		margin-left: auto
	}
}

.how-to-use .wp-block-column:not(:first-child) {
	margin-left: 0
}

.how-to-use .wp-block-column:last-child {
	-ms-flex-negative: 1;
	flex-shrink: 1;
	-ms-flex-preferred-size: 37.67%;
	flex-basis: 37.67%
}

@media only screen and (max-width:61.25em) {
	.how-to-use .wp-block-column:last-child {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%
	}
}

.how-to-use p {
	margin: 2rem 0;
	font-size: 3.2rem;
	font-weight: lighter;
	line-height: 1.1
}

@media only screen and (max-width:61.25em) {
	.how-to-use p {
		width: 50%;
		margin: 0 auto;
		text-align: center
	}
}

@media only screen and (max-width:37.5em) {
	.how-to-use p {
		width: 90%
	}
}

@media only screen and (max-width:61.25em) {
	.how-to-use h1 {
		text-align: center
	}
}

@media only screen and (max-width:61.25em) {
	.how-to-use .wp-block-button {
		text-align: center;
		margin-top: 2rem
	}
	.how-to-use .wp-block-button a {
		margin-left: auto;
		margin-right: auto;
		display: inline-block
	}
}

@media only screen and (max-width:61.25em) {
	.about .wp-block-column:first-child {
		height: 35rem
	}
}

.data-sheets .wrapper-inner-blocks {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.data-sheets .wp-block-image:not(:nth-child(3n+0)) {
	margin-right: 0
}

.weather-alert {
	height: 45px;
	background-color: #2699fb;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 0 0 3rem;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 1rem;
	text-transform: uppercase
}

.weather-alert a,
.weather-alert a:link,
.weather-alert a:visited {
	text-decoration: none;
	color: inherit;
	font-size: 2.1rem
}

@media only screen and (max-width:61.25em) {
	.weather-alert a,
	.weather-alert a:link,
	.weather-alert a:visited {
		font-size: 1.8rem
	}
}

.weather-alert br {
	display: none
}

@media only screen and (max-width:37.5em) {
	.weather-alert br {
		display: initial
	}
}

@media only screen and (max-width:37.5em) {
	.weather-alert {
		position: fixed;
		right: 0;
		top: 0;
		width: 20%;
		height: 10rem;
		text-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 1rem
	}
}