:root {
	--primary-900: #030209;
	--primary-800: #0f0827;
	--primary-700: #1a0f44;
	--primary-600: #1e114e;
	--primary-500: #261662;
	--primary-400: #514481;
	--primary-300: #d3d0df;
	--primary-200: #f1f0f5;
	--primary-100: #fafafb;

	--neutral-900: #0C0C0B;
	--neutral-800: #181916;
	--neutral-700: #3E3F39;
	--neutral-600: #A2A595;
	--neutral-500: #B0B2A9;
	--neutral-400: #D6D8D0;
	--neutral-300: #F0F2EA;
	--neutral-200: #FBFCF7;
	--neutral-100: #FEFFFC;

	--button-green-light: #1b772e;
	--button-green-dark: #166226;

	--blue-100: #e5eefc;
	--blue-500: #0057e7;
	--blue-900: #00112e; 

	--alert-green-100: #e8f2ed;
	--alert-green-500: #1E824C;
	--alert-green-900: #030d07;

	--alert-red-100: #fae5e7;	
	--alert-red-500: #cf000f;
	--alert-red-900: #140001;

	--alert-yellow-100: #fbf7e7;
	--alert-yellow-500: #deb515;
	--alert-yellow-900: #161202;

	--alert-orange-100: #fde7c5;
	--alert-orange-500: #FBB040;
	--alert-orange-900: #4b3413;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	background-color: var(--neutral-100);
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	color: var(--neutral-900);
}

h1	{
	/*
	Pushes the Smarts Broadcast Systems name off of the visible page.
	Content retained for SEO.
	*/
	position: absolute;
	top: 0;
	left: -9990px;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.container {
	height: 100%;
	max-width: 1300px;
	display: block;
	position: relative;
	margin: 0 auto;
}

.heading-font-bold {
	font-family: "Ubuntu";
	font-weight: 500;
}

.heading-font-medium {
	font-family: "Ubuntu";
	font-weight: 400;
}

.paragraph-neutral {
	font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 1.1em;
    letter-spacing: 0.03em;
    line-height: 1.7em;
    color: var(--neutral-700);
}

.screenshot-gallery-list {
	display: flex;
	flex-wrap: wrap;
	margin: 30px 0;
}

.screenshot-gallery-list-item {
	display: block;
	width: 200px;
	margin: 0 10px 20px 10px;
}

.screenshot-gallery-link {
	display: block;
	width: 100%;
}

.screenshot-gallery-img {
	display: block;
	width: 100%;
	box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.3);
}

/***
	HEADER Begin
***/

.header {
	display: block;
	color: var(--primary-800);
	background-color: var(--primary-200);
}

/* Header Banner Begin */

.header-banner {
	display: block;
	height: 40px; /* line-height of header-banner-link must match this value; help-nav top value also must be proporational */
	color: var(--primary-200);
	background-color: var(--primary-500);
}

.header-banner-nav {
	display: flex;
	position: absolute;
	height: 100%;
	top: 0;
	right: 0;
}

.header-banner-nav-li {
	position: relative;
	margin: 0;
	height: 100%;
}

.header-banner-link {
	display: inline-block;
	height: 100%;
	padding: 0 30px;
	line-height: 40px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.09em;
	font-size: 0.95em;
	color: var(--primary-200);
}

.header-banner-link:hover {
	background-color: var(--primary-600);
	color: var(--primary-100);
}

.contact-sales-nav-li {
	height: initial;
}

.contact-sales-link {
	height: initial;
	background-color: var(--button-green-light);
}

a:hover.contact-sales-link {
	background-color: var(--button-green-dark);
}

.help-nav-mobile {
	display: none;
}

.help-nav {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 10px;
	left: 0;
	margin: 30px 0 0 0;
	background-color: var(--primary-400);
	white-space: nowrap;
	border-radius: 3px;
	transition: visibility 0.2s, opacity 0.2s linear;
	z-index: 100;
}

.help-nav-arrow {
	position: relative;
	width: 0;
	height: 0;
	top: -7px;
	left: 45px;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid var(--primary-400);
}

.help-nav-li {
	position: relative;
	margin: 0;
}

.help-nav-link {
	display: block;
	padding: 10px 10px 10px 45px;
	text-decoration: none;
	text-transform: lowercase;
	letter-spacing: 0.04em;
	font-size: 0.95em;
	line-height: 1.7em;
	color: var(--primary-200);
	border-radius: 3px;
}

.help-nav-link:hover {
	background-color: var(--primary-500);
	color: var(--primary-100);
}

.header-banner-nav-li:hover > .help-nav {
	visibility: visible;
	opacity: 1;
}

.help-nav-icon {
	position: absolute;
	bottom: 12px;
	left: 10px;
	font-size: 1.4em;
}

/* Header Banner End */

/* Header Main Begin */

.header-main {
	display: block;
	overflow: auto;
}

.header-home-link {
	display: block;
	width: 350px;
	padding: 10px;
	position: relative;
}

.header-home-img {
	display: block;
	width: 100%;
}

.header-nav {
	display: flex;
	position: absolute;
	max-width: 100%;
	/* margin-left value dictated by logo width */
	margin-left: 370px;
	bottom: 20px;
	right: 0;
	flex-wrap: wrap;
}

.header-nav-li {
	display: block;
	margin: 5px 20px;
}

.header-nav-link {
	margin: 0 0 10px 0;
	padding: 5px;
	text-decoration: none;
	letter-spacing: 0.05em;
	font-size: 1.15em;
	color: var(--primary-800);
	transition: 0.3s;
	white-space: nowrap;
}

.header-nav-link:hover {
	color: var(--primary-900);
	box-shadow: inset 0 -0.2em var(--primary-300);
}

/* Header Main End*/

/***
	HEADER End
***/


/***
	FOOTER Begin
***/

.footer {
	padding: 15px 0;
	color: var(--primary-200);
	background-color: var(--primary-500);
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
}

.footer-nav-section-group {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	flex-grow: 1;
	padding: 30px 0 50px 0;
}

.footer-nav-section {
	width: 300px;
	padding: 0 0 15px 25px;
}

.footer-home-link {
	display: block;
	width: 250px;
	padding: 3px;
	background-color: var(--primary-200);
	border-radius: 2px;
}

.footer-home-img {
	display: block;
	width: 100%;
}

.footer-nav-link,
.footer-nav-heading-link {
	text-decoration: none;
	color: var(--primary-100);
}

.footer-nav-heading-link {
	display: block;
	padding: 5px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-weight: 500;
	font-size: 1.05em;
}

.footer-nav-link {
	display: block;
	padding: 3px 5px;
	font-size: 1.05em;
	letter-spacing: 0.02em;
	white-space: nowrap;
}

.footer-nav-heading-link:hover,
.footer-nav-link:hover {
	color: var(--primary-300);
}

.footer-copyright {
	text-align: center;
	font-size: 1em;
}

/***
	FOOTER End
***/

/***
	main section classes
***/

.main-bg-500 {
	background-color: var(--neutral-500);
	color: var(--neutral-800);
}

.main-bg-400 {
	background-color: var(--neutral-400);
	color: var(--neutral-800);
}

.main-bg-300 {
	background-color: var(--neutral-300);
	color: var(--neutral-700);
}

.main-bg-200 {
	background-color: var(--neutral-200);
	color: var(--neutral-700);
}

.main-bg-100 {
	background-color: var(--neutral-100);
	color: var(--neutral-700);
}

.feature-section {
	padding: 50px 0 50px 0;
}

/***
	HOME
***/

#home-headline-wrapper {
	max-width: 900px;
	margin: 0 auto;
	padding: 50px;
	background: radial-gradient(ellipse at 50%, rgba(0,0,0,0.7) 0, rgba(0,0,0,.5) 50%, rgba(0,0,0,0) 70%);;
}

#home-page-headline {
	padding: 175px 0 100px;
	background-image: url("/imgs/home_headline_cover.jpg");
	background-size: cover;
}

.headline-heading-light {
	display: inline-block;
	padding: 5px 10px 15px;
	font-family: "Ubuntu", sans-serif;
	font-weight: 500;
	font-size: 1.5em;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.07em;
	color: var(--primary-100);
}

.headline-subheading-light {
	display: inline-block;
	margin: 10px 0 0 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 1.2em;
	text-align: center;
	line-height: 1.5em;
	letter-spacing: 0.05em;
	color: var(--primary-100);
}

.product-summary-section {
	padding: 50px 0 150px 0;
}

.home-product-summary-logo {
	margin: 0 auto;
	padding: 0 0 0 20px;
	width: 300px;
}

.home-product-summary-para {
	font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 1.1em;
    letter-spacing: 0.03em;
    line-height: 1.7em;
    color: var(--neutral-700);
}

.home-product-summary-button-wrapper {
	display: inline-block;
	margin: 100px 0 0 0;
}

.home-product-summary-button-link {
	display: block;
	padding: 15px 20px;
	color: white;
	text-decoration: none;
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-size: 1.3em;
	letter-spacing: 0.05em;
	border-radius: 3px;
	transition: 0.2s;
	white-space: nowrap;
	background-color: var(--button-green-light);
}

.home-product-summary-button-link:hover {
	background-color: var(--button-green-dark);
}

.home-product-summary-list {
	display: flex;
	flex-wrap: wrap;
}

.home-product-summary-list-item {
	position: relative;
	width: 50%;
	padding: 0 50px;
}

.home-product-summary-screenshot-wrapper {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
    perspective: 1000px;
}

.home-product-summary-screenshot {
	width: 100%;
	margin: 0 0 0 auto;
    left: -50px;
    transform: rotateY(-10deg);
    box-shadow: 4px 8px 32px 4px rgba(0,0,0,0.25);
}

.home-product-summary-feature-list {
	margin: 100px 0 0 0;
	padding: 10px;
	background-color: var(--neutral-200);
}

.home-product-summary-feature-list-item {
	position: relative;
	margin: 0 0 20px 0;
	padding: 0 0 0 50px;
	font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 1.1em;
    letter-spacing: 0.03em;
    line-height: 1.7em;
    color: var(--neutral-700);
}

.sec-gen-home-summary-check {
	position: absolute;
	top: 0;
	left: 0;
	color: var(--primary-500);
	font-size: 2em;
}

.sec-gen-button-wrapper {
	display: flex;
	justify-content: center;
}

#home-music-section {
	padding: 50px 0;
}

.home-product-summary-music-list {
	list-style: square;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height: 350px;
	margin: 50px 15% 0 15%;
}

.home-product-summary-music-list-item {

	padding: 10px;
	font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 1.1em;
    letter-spacing: 0.03em;
}

.home-product-summary-music-list-item a,
.home-product-summary-music-list-item a:visited {
	color: var(--blue-500);
	text-decoration: none;
}

.fa-trademark {
	vertical-align: super;
	/*font-weight: 100;*/
	font-size: 0.8em;
}

.tm-super {
	vertical-align: super;
	font-size: 0.4em;
}


/***
	SKYLLA
***/

.button-link-wrapper {
	display: block;
	width: 100%;
	text-align: center;
}

.button-link {
	display: inline-block;
	margin: 0 auto 50px auto;
}

.skylla-demo-link, .secgen-demo-link {
	display: block;
	width: 100%;
	height: 100%;
	padding: 20px 40px;
	background-color: var(--button-green-light);
	text-decoration: none;
	color: var(--neutral-100);
	border-radius: 3px;
	font-size: 1.4em;
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	letter-spacing: 0.07em;
	box-shadow: 0 4px 30px rgba(0,0,0,.3);
	transition: 0.3s;
}

.skylla-demo-link:hover {
	background-color: var(--button-green-dark);
	box-shadow: 0 6px 30px rgba(0,0,0,.3);
}

.headline-columns {
	display: flex;
	flex-wrap: wrap;
	margin: 70px 0 0 0;
}

.headline-column {
	display: inline-block;
	box-sizing: border-box;
}

.headline-column-one {
	width: 40%;
}

.headline-column-two {
	width: 60%;
	padding: 20px 10px 0 100px;
	vertical-align: middle;
}

.product-main-logo {
	display: block;
	margin: 0 auto;
	width: 280px;
	padding: 40px 0 10px 0	;
}

.product-main-heading-wrapper {
	display: block;
	width: 100%;
	max-width: 90%;
	margin: 0 auto;
	text-align: center;
}

.product-main-heading {
	display: inline-block;
	padding: 5px 10px;
	font-family: "Ubuntu", sans-serif;
	font-weight: 500;
	font-size: 1.5em;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.07em;
	border-bottom: 4px solid var(--primary-500);
}

.product-main-subheading {
	display: inline-block;
	padding: 5px;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 1.2em;
	text-align: center;
	text-transform: lowercase;
	text-transform: capitalize;
	letter-spacing: 0.05em;
}

.product-main-monitor-img {
	display: block;
	width: 100%;
	margin: auto;
	vertical-align: middle;
}

.skylla-feature-list {
	display: flex;
	flex-wrap: wrap;
}

.skylla-feature-list-item {
	margin: 0 0 50px 0;
}

.skylla-feature-icon-wrapper {
	display: inline-block;
	width: 120px;
	height: 120px;
	border-radius: 75px;
	background-color: var(--primary-200);
}

.skylla-feature-icon {
	display: block;
	height: 100%;
	margin: auto;
	font-size: 3em;
	color: var(--primary-500);
}

.skylla-feature-content-wrapper {
	display: inline-block;
	box-sizing: border-box;
	width: calc( 100% - 120px );
	padding: 0 0 0 35px;
}

.skylla-feature-heading {
	display: inline-block;
	padding: 5px 0;
	border-bottom: 3px solid var(--primary-400);
	font-family: "Ubuntu", sans-serif;
	font-weight: 500;
	font-size: 1.2em;
	text-transform: capitalize;
	letter-spacing: 0.05em;
	color: var(--neutral-800);
}

.skylla-feature-para {
	padding: 10px 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 1.1em;
	line-height: 1.7em;
	letter-spacing: 0.02em;
	color: var(--neutral-700);
}

.skylla-heading-wrapper {
	display: block;
	width: 100%;
	text-align: center;
}

a.why-buy-skylla-link:link,
a.why-buy-skylla-link:visited {
	display: inline-block;
	margin: 0 0 35px 0;
	padding: 5px 10px 5px 10px;
	color: var(--blue-500);
	text-decoration: none;
	text-align: center;
	font-size: 1.3em;
}

#skylla-demo-section, #secgen-demo-section {
	display: none;
	padding: 20px 0;
}

.skylla-screenshot-exploded-heading {
	display: inline-block;
	padding: 5px 10px;
	font-size: 1.5em;
	font-family: "Ubuntu", sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	border-bottom: 4px solid var(--primary-500);
}

.skylla-screenshot-exploded-subheading {
	display: inline-block;
	margin: 0 0 40px 0;
	padding: 5px;
	font-size: 1.2em;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	text-transform: lowercase;
	letter-spacing: 0.05em;
}

.skylla-screenshot-exploded-img {
	display: block;
	width: 95%;
	margin: 0 auto 30px auto;
}

.skylla-alternating-screenshots-list {
	display: flex;
	flex-wrap: wrap;
}

.skylla-alternating-screenshots-list-item {
	margin: 0 0 100px 0;
	box-sizing: border-box;
}

.skylla-alternating-screenshots-list-item-img {
	width: 60%;
	perspective: 1000px;
}

.skylla-alternating-screenshot {
	display: block;
	position: relative;
	left: 50px;
	width: 98%;
	margin: 0 auto 0 0;
	transform: rotateY(15deg);
	box-shadow: -4px 8px 32px 4px rgba(0,0,0,0.25);
}

.skylla-alternating-screenshot.reverse {
	margin: 0 0 0 auto;
	left: -50px;
	transform: rotateY(-15deg);
	box-shadow: 4px 8px 32px 4px rgba(0,0,0,0.25);
}

.skylla-alternating-screenshots-list-item-desc {
	padding: 0 20px 0 20px;
	width: 40%;
}

#sasli-1 {
	order: 1;
}
#sasli-2 {
	order: 2;	
}
#sasli-3 {
	order: 4;
}
#sasli-4 {
	order: 3;
}
#sasli-5 {
	order: 5;
}
#sasli-6 {
	order: 6;
}
#sasli-7 {
	order: 8;
}
#sasli-8 {
	order: 7;
}

.skylla-screenshot-heading {
	display: inline-block;
	padding: 0 0 15px 0;
	font-family: "Ubuntu", sans-serif;
	font-weight: 500;
	text-transform: capitalize;
	text-transform: uppercase;
	font-size: 1.3em;
	letter-spacing: 0.05em;
	border-bottom: 4px solid var(--primary-400);
	color: var(--neutral-800);
}

.skylla-screenshot-para {
	padding: 15px 0 0 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 1.1em;
	letter-spacing: 0.03em;
	line-height: 1.7em;
	color: var(--neutral-700);
}

.skylla-os-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 100%;
	margin-bottom: 80px;
}

.skylla-os-list-item {
	width: 40%;
}

.skylla-os-logo {
	display: block;
	width: 200px;
	margin: 0 auto;
	padding-bottom: 80px;
	background: radial-gradient(ellipse 70px 20px at center 70%, rgba(0,0,0,0.15) 0%, rgba(0,0,0,.1) 30%, rgba(0,0,0,0.05) 50%, rgba(0,0,0,.02) 70%, transparent);
}

.skylla-os-arrow {
	position: absolute;
	width: 0;
	height: 0;
	top: -50px;
	left: calc( 50% - 50px );
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-bottom: 50px solid var(--neutral-300);
}

.skylla-os-content-wrapper {
	display: block;
	position: relative;
	width: 100%;
	/* height of the logo (width + padding-bottom) subtracted from 100% */
	height: calc( 100% - 280px);
	text-align: center;
	background-color: var(--neutral-300);
	border-radius: 3px;
}

.skylla-os-heading {
	display: inline-block;
	margin: 0 auto;
	padding: 20px 30px 10px 30px;
	font-family: "Ubuntu", sans-serif;
	font-weight: 500;
	font-size: 1.5em;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	border-bottom: 4px solid var(--neutral-700);
}

.skylla-os-para {
	padding: 20px;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	color: var(--neutral-700);
	text-align: left;
	line-height: 1.8em;
	letter-spacing: 0.02em;
}

.skylla-hardware-flexbox {
	display: flex;
	flex-wrap: wrap;
}

.skylla-hardware-wrapper {
	display: inline-block;
	width: 50%;
	padding: 0 20px 60px 20px;
}

.skylla-hardware-heading {
	display: inline-block;
	padding: 0 0 10px 0;
	font-family: "Ubuntu", sans-serif;
	font-weight: 500;
	font-size: 1.5em;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	border-bottom: 4px solid var(--primary-500);
}

.skylla-hardware-list {
	display: flex;
	position: relative;
	margin-bottom: 50px;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none;
}

.skylla-hardware-list-item {
	position: relative;
	width: 350px;
	padding: 20px;
	background-color: var(--primary-200);
	color: var(--neutral-800);
	border-top-left-radius: 30px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.skylla-hardware-icon {
	position: absolute;
	top: -5px;
	left: -30px;
	font-size: 8em;
	color: var(--primary-500);
}

.skylla-hardware-list-item-heading {
	display: block;
	width: 180px;
	margin-left: 100px;
	padding: 10px 0 10px 0;
	font-size: 1.2em;
	font-family: "Ubuntu", sans-serif;
	font-weight: 500;
	text-align: center;
	text-transform: capitalize;
	letter-spacing: 0.05em;
}

.skylla-hardware-list-item-para {
	padding: 25px 0 0 0;
	line-height: 1.6em;
	letter-spacing: 0.02em;
}

.skylla-hardware-list-item-heading:first-child {
	border-bottom: 3px solid var(--primary-500);
}

.skylla-hardware-para {
	padding: 14px 0 0 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	line-height: 1.8em;
	letter-spacing: 0.02em;
}

.skylla-hardware-right-triangle {
	position: absolute;
	top: 0;
	right: -150px;
	height: 0;
	width: 0;
	border-top: 75px solid transparent;
	border-left: 150px solid var(--primary-200);
	border-bottom: 75px solid transparent;
}

.smartweb-section {
	padding: 50px 0;
}

.smartweb-features-list {
	display: flex;
	flex-wrap: wrap;
	margin: 60px auto 20px auto;
	flex-direction: row;
}

.smartweb-features-list-item {
	min-width: 40%;
	max-width: 50%;
	margin: 10px;
	text-align: left;
}

.smartweb-features-summary-list {
	display: inline-block;
	width: 460px;
	padding: 20px 0 20px 50px;
	font-size: 1.1em;
	background-color: var(--neutral-200);
	border-radius: 3px;
}

.smartweb-features-summary-list-item {
	position: relative;
	margin: 10px 0;
	line-height: -2em;
	text-align: left;
}

.smartweb-features-summary-icon-wrapper {
	display: inline-block;
	position:relative;
	width: 80px;
	height: 80px;
	margin: 0 10px 0 0;
	border-radius: 40px;
	background-color: var(--primary-200);
}

.smartweb-features-summary-icon {
	display: block;
	height: 100%;
	margin: auto;
	font-size: 2.5em;
	color: var(--primary-500);
}

.smartweb-features-summary-list-item-para {
	display: inline-block;
	position: relative;
	top: -30px;
	margin: 0 0 0 15px;
	text-transform: capitalize;
	white-space: nowrap;
}

.smartweb-features-description-heading {
	display: inline-block;
	margin: 30px 0 10px 0;
	padding: 0 0 5px 0;
	font-family: "Ubuntu", sans-serif;
	font-weight: 500;
	text-transform: capitalize;
	text-transform: uppercase;
	font-size: 1.3em;
	letter-spacing: 0.05em;
	border-bottom: 3px solid var(--primary-400);
	color: var(--neutral-800);
}

.smartweb-first-heading {
	margin: 0 0 10px 0;
}

.smartweb-features-description-para {
	line-height: 1.6em;
	font-size: 1.1em;
}

.skylla-testimonial-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 80%;
	margin: 0 auto 50px auto;
}

.skylla-testimonial-list-item {
	margin: 10px 0;
}

.skylla-testimonial-img {
	display: block;
	margin: 0 auto;
	width: 300px;
	max-width: 95%
}

.skylla-testimonial-bubble {
	display: block;
	margin: 30px 0 0 auto;
	position: relative;
	max-width: 500px;
	padding: 15px 20px;
	text-align: left;
	letter-spacing: 0.01em;
	line-height: 1.6em;
	color: var(--neutral-800);
	background: var(--neutral-300);
	border-radius: 5px;
}

.skylla-testimonial-bubble:before {
	content: "";
	position: absolute;
	left: -40px;
	top: 30px;
	width: 40px;
	border-bottom: 40px solid var(--neutral-300);
	background: var(--primary-300);
	border-bottom-left-radius: 50px 50px;
	transform: translate(0, 0);
}

.skylla-testimonial-bubble:after {
	content: "";
	position: absolute;
	left: -40px;
	top: 30px;
	width: 40px;
	height: 20px;
	background: var(--neutral-100);
	border-bottom-left-radius: 60px 40px;
	transform: translate(0, -5px);
}

.skylla-testimonial-signature {
	padding: 10px 0;
	text-align: right;
	font-style: italic;
	font-size: 1.1em;
}

#skylla-screenshots-heading-wrapper {
	margin: 0 auto 50px auto;
}

.skylla-screenshot-list-heading {
	display: block;
	width: 100%;
	max-width: 98%;
	margin: 0 auto;
	padding: 4px 0 5px 3px;
	font-size: 1.2em;
	border-bottom: 3px solid var(--primary-500);
	border-top: 1px solid var(--primary-300);
	letter-spacing: 0.05em;
}


/***
	SECGEN
***/

.sec-gen-guide-para {
	max-width: 45%;
	margin: 30px auto 0 auto;
	padding: 10px;
}

.sec-gen-summary-image-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 50px 0 80px 0;
}

.sec-gen-summary-image-list-item {
	position: relative;
	width: 20%;
	min-width: 200px;
	margin: 0 15px 30px 15px;
	box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.3);
}

.sec-gen-summary-image-heading {
	position: absolute;
	width: 100%;
	top: 45%;
	text-align: center;
	color: var(--neutral-200);
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
    font-size: 1.3em;
    letter-spacing: 0.05em;
}

.sec-gen-summary-image-img {
	display: block;
	width: 100%;
}

.sec-gen-summary-image-link {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.sec-gen-summary-image-overlay {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,40%);
}

.sec-gen-feature-section {
	padding: 30px 0;
}

.sec-gen-feature-list {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 40px 0 40px 0;
}

.sec-gen-feature-list-item {
	width: 50%;
	margin: 20px 0;
}

.sec-gen-feature-para {
	padding: 0 25px 0 15px;
}

.sec-gen-feature-para.right {
	padding: 0 15px 0 25px;
}

.sec-gen-feature-screenshot-img {
	display: block;
	width: 95%;
	margin: 0 auto;
	box-shadow: 4px 8px 32px 4px rgba(0,0,0,0.25);
}

.sec-gen-feature-sub-list {
	list-style: none;
	width: 80%;
}

.sec-gen-feature-sub-list-item {
	position: relative;
	margin: 20px 0 0 0;
	padding: 0 0 0 30px;
	font-size: 1em;
}

.sec-gen-feature-sub-list-check {
	position: absolute;
	top: 0;
	left: 0;
	color: var(--primary-500);
	font-size: 1.3em;
}

/* DPD */

.dpd-section {
	padding: 50px 0;
}

.dpd-main-para {
	width: 50%;
	margin: 30px auto 50px auto;
	padding: 10px;
}

.dpd-feature-list {
	display: flex;
	flex-direction: column;
	width: 50%;
	margin: 0 auto 50px auto;
	padding: 20px;
	background-color: var(--neutral-300);
	border-radius: 3px;
}

.dpd-feature-list-item {
	position: relative;
	margin: 0 0 20px;
	padding: 5px 10px 5px 70px;
	font-size: 1.1em;
	line-height: 1.7em;
}

.dpd-feature-list-icon {
	position: absolute;
	top: 12px;
	left: 0;
	font-size: 2.5em;
	color: var(--primary-500);
}


.history-section {
	padding: 30px 0;
}

.history-heading-wrapper {
	display: block;
	width: 100%;
}

.history-heading {
	display: inline-block;
	margin: 10px 0;
	padding: 0 10px 5px 0;
	font-size: 1.6em;
	border-bottom: 3px solid var(--primary-500);
}

.history-sub-heading {
	display: inline-block;
	margin: 20px 0 5px 0;
	padding: 0 5px 3px 0;
	font-size: 1.4em;
	border-bottom: 2px solid var(--primary-500);
}

.history-paragraph {
	max-width: 700px;
	margin: 0 auto 10px 0;
	font-family: "Open Sans", sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
}

.map-section {
	padding: 30px 0 50px 0;
}

.map-wrapper {
	text-align: center;
}

.map-heading {
	display: inline-block;
	margin: 10px 20px 50px 20px;
	padding: 0 10px 5px 0;
	font-size: 1.6em;
	border-bottom: 3px solid var(--primary-500);
}

.about-map {
	display: block;
	width: 700px;
	max-width: 100%;
	height: 500px;
	margin: 0 auto;
	box-shadow: 5px 5px 50px -5px rgba(0,0,0,0.5);
}

#secgen-updates-main {
	height: 70vh;
	padding: 50px 100px;
}

.secgen-updates-list-heading {
	display: inline-block;
	margin: 0 0 10px 0;
	padding: 5px 0;
	font-size: 1.2em;
	border-bottom: 3px solid var(--primary-300);
}

.secgen-updates-list-item {
	padding: 3px 0;
}

a.secgen-updates-link:link,
a.secgen-updates-link:visited {
	color: var(--blue-500);
	text-decoration: underline;
}



/***
	IP address
***/

#ip-address-main {
	height: 70vh;
	padding: 100px 150px;
}

.ip-address-heading {
	font-size: 2.4em;
	font-family: "Ubuntu", sans-serif;
	color: var(--neutral-800);
}

.ip-address-sub-heading {
	font-size: 1.5em;
	font-family: "Open Sans", sans-serif;
	color: var(--neutral-700);
}

/***
	Contact Information Section
***/

#contact-info-section {
	padding: 30px 0;
}

.contact-info-heading-wrapper {
	display: block;
	width: 100%;
	text-align: center
}

.contact-info-heading {
	display: inline-block;
	margin: 0 0 20px 0;
	padding: 3px 10px;
	font-size: 1.4em;
	font-family: "Ubuntu", sans-serif;
	font-weight: 500;
	letter-spacing: 0.06em;
	text-align: center;
	border-bottom: 3px solid var(--primary-500);
}

.contact-info-list {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 60%;
	margin: 0 auto;
}

.contact-info-list-item {
	margin: 0 0 30px 0;
}

.contact-data-list {
	display: flex;
	flex-direction: column;
}

.contact-data-list-item {
	margin: 0 20px 20px 0;
}

.contact-info-sub-heading-wrapper {
	display: block;
	width: 100%;
	text-align: left;
}

.contact-info-sub-heading {
	display: inline-block;
	font-size: 1.2em;
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	padding: 2px 10px 2px 0;
	border-bottom: 2px solid var(--neutral-400);
}

a:link.contact-info-phone-link {
	color: var(--neutral-800);
	text-decoration: none;
}

a:hover.contact-info-phone-link {
	color: var(--neutral-900);
	text-decoration: underline;
}



.contact-info-content {
	margin: 5px 0 0 0;
}

.contact-hours-list-item {
	margin: 0 0 20px 0;
}

.hours-day-list {
	display: flex;
}

.hours-day-list-item {
	white-space: nowrap;
	padding: 0 15px 0 0;
}


/*** 
	Contact Sales Section
***/

#contact-sales-section {
	padding: 10px 0 30px 0;
}

.contact-form {
	max-width: 800px;
	margin: 0 auto;
	padding: 15px;
	margin-bottom: 50px;
	background-color: var(--neutral-100);
	box-shadow: 5px 5px 50px -5px rgba(0,0,0,0.5);
}

.ui-widget {
	font-family: "Open Sans", sans-serif;
	font-size: 1.1em;
}

.contact-form-heading {
	display: block;
	width: 100%;
	margin: 10px 0 30px 0;
	text-align: center;
	font-size: 1.5em;
}

.text-inputs {
	margin: 0 0 10px 0;
}

.label-input {
	margin: 0;
}

.text-input-label {
	display: block;
	margin: 0 0 5px 0;
	padding: 3px;
	font-size: 1.1em;
}

.text-input {
	display: block;
	width: 70%;
	padding: 5px;
	font-size: 1.1em;
	border: 2px solid var(--neutral-300);
	border-radius: 3px;
	background-color: var(--neutral-300);
	font-family: "Open Sans", sans-serif;
	color: var(--neutral-800);
}

input:-webkit-autofill,
input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px var(--neutral-300) inset !important;
}

input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 30px var(--neutral-100) inset !important;	
}


.text-input:focus {
	/* these outline rules eliminate the user agent stylesheet blue border on focus */
	outline: none;
	outline-offset: 0;
	outline-width: 0;

	background-color: var(--neutral-100);
}

.fieldset-section {
	margin: 0 0 10px 0;
}

.form-fieldset {
	border: none;
	margin: 0;
}

.form-fieldset-legend {
	display: block;
	margin: 0 0 5px 0;
	padding: 3px;
	font-size: 1.1em;
}

.alt-selectmenu-heading-span {
	color: var(--alert-red-500);
}

.ui-button,
.ui-button:active,
.ui-button:focus,
.ui-button:hover {
	margin: 0 10px 10px 0;
	background-color: var(--neutral-100);
	border: 2px solid var(--neutral-300);
	color: var(--neutral-800);
}

.ui-state-active,
.ui-state-active:active,
.ui-button.ui-state-active:hover {
	background: var(--primary-500);
	border: 2px solid var(--primary-500);
	color: var(--primary-200);
}

.urgency-triangle {
	font-size: 1.3em;
	padding: 0 0 0 0;
}

.low-urgency-triangle {
	color: var(--alert-green-500);
}

.moderate-urgency-triangle {
	color: var(--alert-yellow-500);
}

.high-urgency-triangle {
	color: var(--alert-red-500);
}

.ui-button#low-urgency-label {
	background-color: var(--alert-green-100);
	color: var(--alert-green-900);
	border: 2px solid var(--alert-green-500);
}

.ui-state-active#low-urgency-label,
.ui-state-active .low-urgency-triangle {
	background-color: var(--alert-green-500);
	color: var(--alert-green-100);
}


.ui-button#moderate-urgency-label {
	background-color: var(--alert-yellow-100);
	color: var(--alert-yellow-900);
	border: 2px solid var(--alert-yellow-500);
}

.ui-state-active#moderate-urgency-label,
.ui-state-active .moderate-urgency-triangle {
	background-color: var(--alert-yellow-500);
	color: var(--alert-yellow-100);
}

.ui-button#high-urgency-label {
	background-color: var(--alert-red-100);
	color: var(--alert-red-900);
	border: 2px solid var(--alert-red-500);
}

.ui-state-active#high-urgency-label,
.ui-state-active .high-urgency-triangle {
	background-color: var(--alert-red-500);
	color: var(--alert-red-100);
}

.textarea-label {
	display: block;
	width: 100%;
	font-size: 1.1em;
	margin: 0 0 8px 0;
}

.textarea {
	width: 100%;
	height: 250px;
	margin: 0;
	padding: 5px;
	background-color: var(--neutral-300);
	border: 2px solid var(--neutral-300);
	border-radius: 3px;
	font-family: "Open Sans", sans-serif;
	font-size: 1.1em;
}

.textarea:focus {
	/* these outline rules eliminate the user agent stylesheet blue border on focus */
	outline: none;
	outline-offset: 0;
	outline-width: 0;

	background-color: var(--neutral-100);
}

.text-field-error {
	border: 2px solid var(--alert-orange-500);
	box-shadow: 0 0 5px var(--alert-orange-500);
}

.form-submit {
	padding: 15px;
	color: var(--primary-200);
	background-color: var(--primary-500);
	font-family: "Ubuntu", sans-serif;
	font-size: 1.3em;
	border: none;
	border-bottom: 2px solid var(--primary-300);
	border-right: 2px solid var(--primary-300);
	border-radius: 3px;
	cursor: pointer;
}

.form-field-error-message {
	display: inline-block;
	margin: 0 0 0 5px;
	padding: 0 5px;
	color: var(--alert-orange-900);
	background-color: var(--alert-orange-100);
	vertical-align: middle;
	font-size: 0.8em;
	border: 1px solid var(--alert-orange-500);
	border-radius: 2px;
}

.visible {
	visibility: visible;
}

.hidden {
	visibility: hidden;
}

.form-message {
	display: block;
	position: relative;
	height: 60px;
	margin: 5px 0 5px 5px;
}

.spinner {
	position: absolute;
	width: 60px;
	height: 60px;
	top: 0;
	right: 0;
	bottom: 40px;
	left: 0;
	margin: auto;
}

.form-spinner {
	display: none;
	margin: 0 auto 0 50px;
	width: 30px;
}

.sk-chasing-dots {
	margin: 0px auto;
	width: 40px;
	height: 40px;
	position: relative;
	text-align: center;
	-webkit-animation: sk-chasingDotsRotate 2s infinite linear;
	animation: sk-chasingDotsRotate 2s infinite linear; 
}

.sk-chasing-dots .sk-child {
	width: 60%;
	height: 60%;
	display: inline-block;
	position: absolute;
	top: 0;
	background-color: var(--primary-300);
	border-radius: 100%;
	-webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
	animation: sk-chasingDotsBounce 2s infinite ease-in-out; 
}

.sk-chasing-dots .sk-dot2 {
	top: auto;
	bottom: 0;
	-webkit-animation-delay: -1s;
	animation-delay: -1s; }
	@-webkit-keyframes sk-chasingDotsRotate {
	100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg); } }
	@keyframes sk-chasingDotsRotate {
	100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg); } }
	@-webkit-keyframes sk-chasingDotsBounce {
	0%, 100% {
	-webkit-transform: scale(0);
	transform: scale(0); }
	50% {
	-webkit-transform: scale(1);
	transform: scale(1); } }
	@keyframes sk-chasingDotsBounce {
	0%, 100% {
	-webkit-transform: scale(0);
	transform: scale(0); }
	50% {
	-webkit-transform: scale(1);
	transform: scale(1); }
}

.error-message {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 3px 10px;
	color: var(--alert-red-500);
	background-color: var(--alert-red-100);
	border: 1px solid var(--alert-red-500);
	border-radius: 2px;
}

.error-message a:link,
.error-message a:visited {
	color: var(--alert-red-500);
}

.result-message {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 3px 10px;
	color: var(--alert-green-500);
	background-color: var(--alert-green-100);
	border: 1px solid var(--alert-green-500);
	border-radius: 2px;
}


/***
	Media Queries for Responsiveness Begin
***/

@media (max-width: 1400px) {
	.skylla-hardware-list {
		margin: 0 10px 0 30px;
	}

	.skylla-hardware-list-item {
		margin: 0 10px 50px 30px;
	}
}


@media (max-width: 1300px) {
	.home-product-summary-screenshot-wrapper {
		width: 95%;
	}

	.headline-column-one {
		padding: 0 10px;
	}

	.history-heading-wrapper {
		max-width: 95%;
		margin: 0 auto;
	}

	.history-paragraph {
		max-width: 95%;
		margin: 0 auto 10px auto;
	}
}

@media (max-width: 1200px) {
	.header-main {
		padding: 10px 0 20px 0;
	}

	.header-home-link {
		margin: 0 auto;
	}

	.header-nav {
		display: block;
		position: relative;
		margin: 15px auto 0 auto;
		bottom: initial;
		right: initial;
		text-align: center;
	}

	.header-nav-li {
		display: inline-block;
	}

	.header-nav-link {
		box-shadow: inset 0 -0.2em var(--primary-300);
	}

	.product-summary-section {
		padding: 30px 0 50px 0	;
	}

	.headline-columns {
		margin: 30px 0 20px 0;
	}

	.headline-column-one {
		width: 100%;
		padding: 0 30px;
		order: 2;
	}

	.headline-column-two {
		width: 100%;
		margin: 0 0 20px 0;
		padding: 0 30px;
		order: 1;
	}

	.skylla-hardware-wrapper {
		width: 70%;
		padding: 0 50px 60px 50px;
	}

	.skylla-hardware-list {
		margin: 0 100px;
	}

	.skylla-hardware-right-triangle {
		display: none;
	}

	.smartweb-features-list-item {
		max-width: initial;
		width: 100%;
	}
	


}

@media (max-width: 1000px) {
	.skylla-os-list-item {
		width: 45%;
	}

	.skylla-alternating-screenshots-list {
		flex-direction: column;
	}

	.skylla-alternating-screenshots-list-item {
		width: 90%;
		margin: 0 auto 50px auto;
		padding: 0;
	}

	.skylla-alternating-screenshots-list-item-img {
		perspective: initial;
	}

	.skylla-alternating-screenshot {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		left: initial;
		transform: initial;
	}

	.skylla-alternating-screenshot.reverse {
		left: initial;
		transform: initial;
	}

	#sasli-1 {
		order: 2;
	}
	#sasli-2 {
		order: 1;
	}
	#sasli-3 {
		order: 4;
	}
	#sasli-4 {
		order: 3;
	}
	#sasli-5 {
		order: 6;
	}
	#sasli-6 {
		order: 5;
	}
	#sasli-7 {
		order: 8;
	}
	#sasli-8 {
		order: 7;
	}


	.home-product-summary-music-list {
		height: initial;
		margin: 50px 10% 0 20%;
	}
}

@media (max-width: 800px) {
	#home-product-summary-skylla-screenshot {
		display: none;
	}

	.home-product-summary-list-item {
		width: 100%;
		padding: 0 30px;
	}

	.home-product-summary-logo {
		display: block;		
		padding: 0 0 15px 0;

	}

	.home-product-summary-button-wrapper {
		display: block;
		width: 100%;
		margin: 50px 0 0 0;
		text-align: center;
	}

	.home-product-summary-button-link {
		display: inline-block;
	}

	.home-product-summary-feature-list {
		margin: 50px 0 0 0;
	}

	.skylla-os-list {
		flex-direction: column;
	}

	.skylla-os-list-item {
		width: 90%;
		margin: 0 auto 40px auto;
	}

	.skylla-hardware-wrapper {
		width: 90%;
		padding: 0 30px 60px 50px;
	}

	.skylla-hardware-list {
		margin: 0;
	}

	.skylla-hardware-list-item {
		width: 100%;
		margin: 0 20px 50px 40px;
	}

	.sec-gen-guide-para {
		width: 80%;
		max-width: initial;
		padding: 0 20px;
	}

	.sec-gen-feature-list {
		flex-direction: column;
		/*width: 100%;*/
	}

	.sec-gen-feature-list-item {
		width: 80%;
		margin: 0 auto 40px auto;
	}

	#log-gen-li1 {
		order: 1;
	}

	#log-gen-li2 {
		order: 2;
	}

	#log-gen-li3 {
		order: 4;
	}

	#log-gen-li4 {
		order: 3;
	}

	#fin-rep-li1 {
		order: 1;
	}

	#fin-rep-li2 {
		order: 2;
	}

	#fin-rep-li3 {
		order: 4;
	}

	#fin-rep-li4 {
		order: 3;
	}

	.dpd-main-para {
		width: 80%;
		margin: 30px auto 50px auto;
		padding: 10px;
	}

	.dpd-feature-list {		
		width: 80%;
		margin: 0 auto 50px auto;
		padding: 20px;		
	}
}

@media (max-width: 750px) {
	.header-banner {
		height: initial;
	}

	#header-banner-help-li, #header-banner-webex-li {
		display: none;
	}

	.header-banner-nav {
		display: block;
		position: relative;
		height: initial;
		top: initial;
		right: initial;
		text-align: center;
	}

	.help-nav-mobile {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		align-items: center;
		justify-content: space-around;
		background-color: var(--primary-400);
		color: var(--primary-200);
	}

	.help-nav-li {
		width: 220px;
	}

	.help-nav-link:hover {
		background-color: var(--primary-400);
	}

	.help-nav-icon {
		position: relative;
		bottom: initial;
		left: initial;
		padding-right: 10px;
	}

	.contact-sales-link {
		margin: 5px 0;
		border-radius: 3px;
	}

	.home-headline-help-link {
		background-color: var(--red-light);
		border: 3px solid var(--red-light);
	}
}

@media (max-width: 600px) {
	.smartweb-features-summary-list {
		width: 100%;
		padding: 15px;
	}

	.smartweb-features-list {
		margin: 40px 0 20px 0;
	}

	.sec-gen-guide-para {
		width: 90%;
	}

	.sec-gen-feature-list-item {
		width: 90%;
	}

	.dpd-section {
		padding: 30px 0 0 0;
	}

	.dpd-main-para {
		width: 90%;	
	}

	.dpd-feature-list {		
		width: 90%;
	}

	#ip-address-main {
		padding: 70px 25px;
	}
}

@media (max-width: 450px) {
	.header-home-link {
		width: 85%;
	}

	#home-page-headline {
		padding: 75px 0 30px 0;
	}

	#home-headline-wrapper {
		padding: 20px;
	}

	.home-headline-button-list {
		flex-direction: column;
		flex-wrap: nowrap;
	}

	.home-headline-button-list-item {
		margin: 0 30px 10px 30px;
	}

	.home-product-summary-list-item {		
		padding: 0 20px;
	}

	.home-product-summary-logo {
		max-width: 250px;
	}

	.skylla-feature-heading {
		width: 100%;
	}

	.skylla-hardware-icon {
		top: -15px;
		left: 33%;
	}

	.skylla-hardware-list-item {
		border-top-left-radius: 3px;
		margin: 0 10px 50px 10px;
		padding: 120px 20px 20px 20px;
	}

	.skylla-hardware-list-item-heading {
		margin: 0 auto;
	}

	.skylla-hardware-wrapper {
		width: 95%;
		margin: 0 10px;
		padding: 20px;
	}

	.screenshot-gallery-list-item {
		width: 170px;
		margin: 0 8px 20px 8px;
	}

	.smartweb-features-summary-icon-wrapper {
		display: block;
		margin: 0 auto;
	}

	.smartweb-features-summary-list-item-para {
		display: block;
		margin: 0 0 20px 0;
		top: initial;
		text-align: center;
	}

	.skylla-testimonial-list {
		justify-content: space-around;
		width: initial;
		margin: 0 20px 50px 50px;
	}

	.skylla-testimonial-img {
		position: relative;
		margin: 0 auto 0 0;
		left: -40px;
	}

	.text-input {
		width: 100%;
	}

	.sec-gen-guide-para {
		width: 95%;
		padding: 0 15px;
	}

	.sec-gen-summary-image-list {
		margin: 30px 0 40px 0;
	}

	.sec-gen-feature-list {
		margin: 20px 0 0 0;
	}

	.sec-gen-feature-list-item {
		width: 95%;
	}

	.dpd-main-para {
		width: 95%;	
	}

	.dpd-feature-list {		
		width: 92%;
	}

	.form-message {
		height: 80px;
	}

	.home-product-summary-music-list {		
		margin: 30px 5% 0 10%;
	}
}

@media (max-width: 350px) {
	.header-home-link {
		width: 90%;
		padding: 0;
	}

	.skylla-feature-list-item {
			margin: 0 0 30px 0;
	}

	.skylla-feature-icon-wrapper {
		display: block;
		margin: 0 auto;
	}

	.skylla-feature-content-wrapper {
		display: block;
		width: 100%;
		margin: 10px 0 0 0;
		padding: 0;
	}

	.skylla-hardware-icon {
		top: -15px;
		left: 29%;
	}
}