#sitter-white-block {
	background: white;
	width: 101%;
	height: 100%;
	z-index: 98;
	position: relative;
	bottom: 0px;
	right: 3px;
	padding: 1px;
	margin: 1px; }

/* Sitter replaces body in this circustance */
#sitter {
		margin: 0px auto;
		padding: 0;
		height: 100%;
		width: 100%;
		background: white;
		font-family: 'Chewy', cursive;
      position: relative;
      top: 0px; }

#sitter * {
		box-sizing: border-box; }

#sitter p {
		font-size: 17pt; }

#sitter a {
		text-decoration: none;
		color: #08c2eb; }

#sitter #wrapper {
		min-height: 100%;
		position: relative;
      bottom: 5px; }

#sitter #header {
		margin: 0;
		background-color: #08c2eb;
		position: absolute;
		top: -50px;
		padding-top: 40px;
		height: 135px;
		width: 100%;
		font-family: 'Chewy', cursive;
		transform: skewY(-3deg); }

#sitter #header-wrap {
		margin: 0px auto;
		width: 100%; }

#sitter #company {
		float: left;
		width: 40%;
		text-align: left;
		transform: skewY(3deg); }

#sitter #h1 {
		margin: 3px;
		color: white; }

#sitter #desc {
		margin: 3px;
		margin-bottom: 15px;
		color: white;
		font-size: 14pt;
		font-weight: 100; }

#sitter #nav {
		float: right;
		width: 60%;
		text-align: right;
		transform: skewY(3deg); }

#sitter #header a {
		color: white;
		font-size: 14pt;
		text-decoration: none; }

#sitter #h1 a {
		font-size: 32pt; }

#sitter ul.nav-header {
		margin-top: 40px; }

#sitter ul.nav-header li {
		list-style-type: none;
		display: inline;
		margin-left: 20px;
		margin-right: 20px; }

#sitter #h2 {
		font-size: 35pt; }

#sitter #h3 {
		font-size: 30pt;
		margin: 0;
		padding: 0; }

#sitter #container {
		padding: 10px;
		padding-top: 120px;
		padding-bottom: 190px;
		margin: 0px auto;
		font-size: 15pt; }

#sitter #container a {
		color: #08c2eb; }

#sitter #header-space {
		padding-top: 120px; }

#sitter #footer-space {
		padding-bottom: 190px; }

#sitter .content {
		background: white; }

#sitter section, #sitter article {
		width: 100%;
		margin: 5px auto;
		margin-top: 20px;
		padding: 10px;
		padding-top: -40px; }

#sitter ul.nav-footer-left, #sitter ul.nav-footer-right {
		padding: 0;
		margin: 0;
		margin-top: -25px; }

#sitter ul.nav-footer-left li, #sitter ul.nav-footer-right li {
		list-style-type: none;
		margin: 0;
		padding: 0;
		padding-top: 40px;
		width: 300px; }

#sitter ul.nav-footer-right li {
		padding-top: 40px; }

#sitter #header span.nav-link {
		float: none;
		width: inherit; }

#sitter #header span.nav-description {
		display: none; }

#sitter #menu-btn {
		display: none;
		position: absolute;
		top: 75px;
		right: 5px;
		width: 45px;
		height: 45px;
		text-align: center;
		cursor: pointer;
		z-index: 10;
		transform: skewY(3deg);
		color: white; }

#sitter #mobile-nav {
		display: none;
		position: fixed;
		top: 122px;
		right: 2px;
		background: #08c2eb;
		width: 120px;
		height: 150px;
		float: left;
		text-align: left;
		z-index: 5; }

#sitter #mobile-nav li {
		list-style-type: none;
		transform: skewY(3deg);
		padding-top: 10px; }

#sitter .show {
		display: block !important; }

#sitter .dash-show {
		display: block !important; }

#sitter .center {
		text-align: center;
		margin: 2px auto; }

#sitter #craft {
		background-image: url("../sitter/bg/craft.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-attachment: fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-color: black;
		height: 700px;
		z-index: 1;
		margin: 0px auto; }

#sitter .overlay {
		z-index: 2;
		background-color: rgba(0, 0, 0, 0.5);
		height: 700px; }

#sitter p.intro {
		text-align: center;
		margin: 0px auto;
		position: relative;
		top: 140px;
		color: white;
		font-size: 30pt;
		font-family: 'Chewy', cursive;
		text-decoration: underline; }

#sitter #h2.intro-title {
		text-align: center;
		margin: 0px auto;
		color: white;
		font-size: 62pt;
		font-family: 'Chewy', cursive;
		position: relative;
		top: 125px; }

#sitter p.who {
		text-align: center;
		margin: 0px auto;
		position: relative;
		top: 200px;
		color: white;
		font-size: 30pt;
		font-family: 'Chewy', cursive;
		text-decoration: underline; }

#sitter .choose {
		margin: 0px auto;
		text-align: center;
		position: relative;
		top: 200px;
		font-family: 'Chewy', cursive;
		color: white;
		font-size: 25pt; }

#sitter a.parent {
		margin-right: 20px; }

#sitter a.employee {
		margin-left: 20px; }

@media (max-width: 1030px) {
		#sitter #header {
				z-index: 97; }
		#sitter #menu-btn {
				display: block;
				font-size: 20pt; }
		#sitter #header-wrap {
				width: 100%; }
		#sitter #h1 a {
				width: 100%;
				font-size: 28pt;
				position: relative;
				top: 5px; }
		#sitter #desc {
				font-size: 14pt; }
		#sitter #nav {
				display: none; }
		#sitter #container {
				padding-top: 120px;
				padding-bottom: 240px; }
		#sitter section, #sitter article {
				width: 95%;
				margin: 0px auto;
				margin-top: 20px;
				padding: 10px;
				padding-top: -40px; }
		#sitter #craft {
				background-image: url("../sitter/bg/craft-small.png");
				background-repeat: no-repeat;
				background-position: center center;
				background-attachment: scroll;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				height: 600px; }
		#sitter .overlay {
				background-color: rgba(0, 0, 0, 0.5);
				height: 600px; }
		#sitter p.intro {
				position: relative;
				color: white;
				font-size: 20pt;
				top: 70px; }
		#sitter #h2.intro-title {
				color: white;
				font-size: 40pt;
				position: relative;
				top: 65px; }
		#sitter p.who {
				position: relative;
				top: 108px;
				color: white;
				font-size: 20pt; }
		#sitter .choose {
				position: relative;
				top: 105px;
				font-family: 'Chewy', cursive;
				color: white;
				font-size: 20pt; }
		#sitter a.parent {
				margin-right: 20px; }
		#sitter a.employee {
				margin-left: 20px; } }

@media (max-width: 650px) {
   #sitter #h1 {
      position: relative;
      top: 10px;
   }

   #sitter #desc {
      display: none;
   }
}