@charset "UTF-8";
body {
	margin-top: 0px;
	font-size: 112.5%;
	line-height: 1.5em;
	background-color: #f2edd8;
	font-family: 'Poppins', sans-serif;
}
.page-wrap {
	margin-right: auto;
	margin-left: auto;
	background-color: #B1AD9B;
	;
	max-width: 1000px;	/* box-shadow: 0px 0px 100px -16px #000000; */
}
.link-img {
	float: left;
	margin-top: 7px;
	margin-right: 14px;
	width: 30px;
	height: auto;
}
strong {
}

.content {
}
.content a , .bio a{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
h1 {
	line-height: 1.5em;
	font-size: 1.5em;
}
h2 {
	font-size: 1.3em;
}
.audience {
	background-color: #e45641;
}
.social, .bio, .audience, .cpanel, .domains  , .dreamweaver  , .hosting , .manager, .ftp{
	padding-left: 10%;
	padding-right: 10%;
	padding-bottom: 54px;
	padding-top: 4%;
}
.bio p {
	font-size: 0.8em;
	margin-top: 11px;
}
.ftp {
	background-color: #DEDAD9;
}
.manager {
	background-color: #C2BCBA;
}
.icon-container {
	max-width: 311px;
	margin-left: auto;
	margin-right: auto;
}
.domains {
	background-color: #44b3c2;
}
.hosting {
	background-color: #f1a94e;
}
.cpanel {
	background-color: #938C8A;
}
.dreamweaver {
	background-color: #7DC9AD;
}
.manager-ftp {
	background-color: #C9C1BE;
}
.page-header {
	padding-bottom: 5%;
	padding-top: 36px;
}

.page-header h1 {
	text-align: center;
	/*	text-shadow: 2px 2px 13px #1C1C3F;  */
	color: #353B47;
	font-size: 2em;
	padding-bottom: 20px;
	margin-top: 0px;
	line-height: 0.9em;
}
footer {
}

.main-nav {
	margin-top: -1em;
	margin-bottom: 2.625em;
	margin-left: 2px;
	margin-right: 7px;
}
.main-nav ul  	{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
.main-nav ul li	{
}
.content ul li	{
	list-style-type: square;
}
.main-nav ul li a:link, 
.main-nav ul li a:visited	{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-right: 1.5em;
	padding-left: 1.5em;
	display: block;
	line-height: 2.75em;
	background-color: #44b3c2;
	margin-left: 5px;
	margin-top: 5px;
	border-radius: 5px;
	font-size: 0.9em;
}
.main-nav ul li a:hover	{
	color: #41202C;
	background-color: #f1a94e;
	padding-right: 1.5em;
	padding-left: 1.5em;
}
h1 , h2, h3{
	margin-bottom: 0px;
}
.social h3 {
	margin-top: 43px;
}
p, ul , ol{
	margin-top: 0px;
}
.no-below {
	margin-bottom: 0px;
}
.h1-center {
}
.scaling-img {
	max-width: 100%;
	height: auto;
}
figure {
	margin: 0;
}
.figure-cpanel {
	margin-left: auto;
	margin-right: auto;
	max-width: 321px;
	margin-top: 5%;
	margin-bottom: 5%;
}
figcaption {
	font-size: medium;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #F1A94E;
	line-height: 1.2em;
}
.animation-container   {
	max-width: 629px;
	margin-left: auto;
	margin-right: auto;
}
.h1-center {
	text-align: center;
	margin-bottom: 10px;
}
.small {
	font-size: 0.7em;
}
.social {
	background-color: #f1a94e;
	text-align: center;
}
.center {
	text-align: center;
}
.social-logo  {
	width: 41px;
	margin-top: 1%;
	margin-right: 1%;
	margin-left: 1%;
}

/* Pill style */
#scrollUp {
	background-color: #6B5E93;
	color: #fff;
	font-size: 22px;
	font-family: sans-serif;
	text-decoration: none;
	opacity: 0.9;
	padding-top: 10px;
	-webkit-transition: background 200ms linear;
	-moz-transition: background 200ms linear;
	-o-transition: background 200ms linear;
	transition: background 200ms linear;
	-webkit-backface-visibility: hidden;
	text-align: center;
	width: 114px;
	position: fixed;
	bottom: 0px;
	display: block;
	line-height: 22px;
	right: 10%;
	border-radius: 5px 5px 0px 0px;
}

#scrollUp:hover {
	background-color: #3F3756;
	padding-bottom: 10px;
}
footer a {
	color: #FFFFFF;
	text-decoration: none;
}

@media screen and (min-width:42em){
.main-nav ul li {
	width: 50%;
	float: left;
}
.main-nav {
	margin-bottom: 194px;
}
.page-header h1 {
	font-size: 3em;
	line-height: 0.7em;
}
.h1-center {
	font-size: 3em;
}
body {
	font-size: 125%;
}
.link-img {
	width: 37px;
	margin-top: 7px;
}


}

@media screen and (min-width:62.5em){
	.audience, .cpanel, .domains, .dreamweaver, .hosting  , .manager, .ftp{
	padding-left: 15%;
	padding-right: 15%;
	padding-top: 7%;
}
.main-nav {
	width: 1020px;
	margin-left: 6px;
	margin-bottom: 95px;
	font-size: medium;
}
.main-nav ul li {
	width: 16%;
	text-align: center;
}
.main-nav ul li a:link {
	line-height: 20px;
	padding-top: 11px;
	padding-right: 15px;
	padding-bottom: 25px;
	padding-left: 15px;
	max-height: 41px;
	min-height: 41px;
}
li a .link-img {
	width: 52px;
	margin-top: -47px;
	clear: both;
	margin-left: 37px;
	margin-bottom: 11px;
}
body {
	font-size: 135%;
}

}