body {
	color: grey;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Geneva, Verdana, Arial, sans-serif;
	text-align: center;
}
.wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 50em;
	text-align: left;
}
a {
	text-decoration: none;
	color: #5e8a9a;
}
h1 {
	padding-top: 20px;
}
a:hover {
	text-decoration: underline;
	color: #8ec6d9;
}
.content {
    margin: 0;
    padding: 0;
}
.dualbrand {
	padding-top: 20px;
}
.wildfly {
	float:left;
	margin-left: 10px;
}
.logo {
	background-image: url(symdigital.png);
    width: 30%;
    height: 200px;
    margin-top: -60px;
    margin-bottom: -300px;
    background-size: contain;
	background-repeat: no-repeat;
}
.note {
	font-size: 8pt;
	color: #aaaaaa;
}
.content{
	margin-top: 50%;
}


@media screen and (min-width: 768px) {
	h1 {
		font-size: 5rem;
		color: dimgrey;
	}
	.content {
		margin-top: 35%;
	}
	.logo {
		height: 300px;
		width: 100%;
		margin-left: 40%;
		margin-top: -100px;
	}
}

@media screen and (min-width: 992px) { /* Large devices (lg) */
	.logo {
		width: 30%;
		height: 200px;
		margin-top: -60px;
		margin-left: 0px;
	}
	.content {
		margin-top: 25%;
	}
}