.bg-alt-dark {
	background-color: #333;
}

.bg-alt-darker {
	background-color: #222;
}

.gradient-text {
	background: linear-gradient(135deg, #0774ca 0%, #ffffff 100%);
	background-clip: text;
	/* text-fill-color: transparent; */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.theme-dark .paddlenav-framed .paddlenav-arrow {
	background-color: unset;
}

.theme-dark .paddlenav-framed .paddlenav-arrow:hover {
	background-color: unset;
}

.image-hero {
	margin-top: 4em;
	width: 500px;
	height: 381px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("/5g/images/hero-large.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx),
	only screen and (min-resolution: 144dpi) {
	.image-hero {
		background-image: url("/5g/images/hero-large_2x.png");
	}
}

.topics {
	margin-top: 4em;
}
.topics h5 {
	margin-top: 1.6em;
}
.topics h5,
.topics p {
	margin-left: 80px;
}
.topics p {
	margin-top: 0.2em;
}
.topics figure {
	margin-top: 1.6em;
	float: left;
	width: 48px;
	height: 48px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
}
.topics h5:first-of-type,
.topics figure:first-of-type {
	margin-top: 0.2em;
}

.icon-data {
	background-image: url("/5g/images/data.svg");
}
.icon-bandwidth {
	background-image: url("/5g/images/bandwidth.svg");
}
.icon-private {
	background-image: url("/5g/images/private.svg");
}
.icon-connectivity {
	background-image: url("/5g/images/connectivity.svg");
}

.section-today .app-list {
	margin-top: 1em;
}

.app-icon {
	margin-top: 2em;
	margin-bottom: 1em;
	border-radius: 22.5%;
	width: 128px;
	height: 128px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.app-1 {
	background-image: url("/5g/images/app-alltrails.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx),
	only screen and (min-resolution: 144dpi) {
	.app-1 {
		background-image: url("/5g/images/app-alltrails_2x.png");
	}
}
.app-2 {
	background-image: url("/5g/images/app-jigspace.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx),
	only screen and (min-resolution: 144dpi) {
	.app-2 {
		background-image: url("/5g/images/app-jigspace_2x.png");
	}
}

.app-3 {
	border: 1px solid #1d2b4e;
	background-image: url("/5g/images/app-maximo.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx),
	only screen and (min-resolution: 144dpi) {
	.app-3 {
		background-image: url("/5g/images/app-maximo_2x.png");
	}
}

.app-4 {
	background-image: url("/5g/images/app-osirixhd.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx),
	only screen and (min-resolution: 144dpi) {
	.app-4 {
		background-image: url("/5g/images/app-osirixhd_2x.png");
	}
}

.app-5 {
	background-image: url("/5g/images/app-padcaster.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx),
	only screen and (min-resolution: 144dpi) {
	.app-5 {
		background-image: url("/5g/images/app-padcaster_2x.png");
	}
}

.section-contact .column.large-6 * {
	max-width: 375px;
	margin-right: auto;
	margin-left: auto;
}

.section-optimizing figure {
	margin-bottom: 1em;
	width: 64px;
	height: 64px;
	background-size: 100%;
	background-position: center;
}

@media only screen and (max-width: 1068px) {
	.image-hero {
		width: 400px;
		height: 305px;
		background-image: url("/5g/images/hero-medium.png");
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (min-resolution: 1.5dppx),
		only screen and (min-resolution: 144dpi) {
		.image-hero {
			background-image: url("/5g/images/hero-medium_2x.png");
		}
	}
	.section-contact .column.large-6 * {
		max-width: 305px;
	}
}

@media only screen and (max-width: 734px) {
	.image-hero {
		width: 300px;
		height: 229px;
		background-image: url("/5g/images/hero-small.png");
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (min-resolution: 1.5dppx),
		only screen and (min-resolution: 144dpi) {
		.image-hero {
			background-image: url("/5g/images/hero-small_2x.png");
		}
	}
	.topics {
		margin-top: 2em;
	}
	.topics h5 {
		margin-top: 0.5em;
	}
	.topics h5:first-of-type {
		margin-top: 0.7em;
	}
	.topics h5,
	.topics p {
		margin-left: 0;
	}
	.topics figure {
		float: none;
	}
	.topics figure:first-of-type {
		margin-top: 2em;
	}
	.section-today .app-list {
		margin-top: 0;
	}
	.section-contact .column.large-6 * {
		max-width: unset;
	}
	.router-icon-contact {
		margin-top: 3em;
	}
}

@media only screen and (max-width: 320px) {
	.image-hero {
		width: 280px;
		height: 214px;
	}
}

/* ========== Grid  ========== */
#main section.section {
	padding-top: 4em;
	padding-bottom: 4em;
}
#main section.section.section-hero {
	padding-bottom: 0;
}
#main section .section-content .row {
	margin-left: 0;
	margin-right: 0;
}
#main section .section-content .row > .column {
	padding: 0;
}

@media only screen and (max-width: 1068px) {
	#main section .section-content .row {
		margin-left: 0;
		margin-right: 0;
	}
	#main section .section-content .row > .column {
		padding: 0;
	}
}

@media only screen and (max-width: 734px) {
	#main section.section {
		padding-top: 3em;
		padding-bottom: 3em;
	}
	#main section.section.section-hero {
		padding-bottom: 0;
	}
	#main section .section-content .row {
		margin-left: 0;
		margin-right: 0;
	}
	#main section .section-content .row > .column {
		padding: 0;
	}
}

@media only screen and (max-width: 320px) {
	#main section.section.section-today .column.large-6 {
		flex-basis: 100%;
		max-width: 100%;
	}
}

/* end */