/* index.css */

body {
	background-image: url("");
	background-repeat: no-repeat;
	background-size: 100%;
	background-attachment: fixed;
	background-color: #808080;
	margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
	padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
	min-height: 800px;
	/* font-family: ff-good-web-pro-condensed,sans-serif; */
	font-family: tgn-soft-round-comp, sans-serif;
	font-weight: 200;
	font-style: normal;
	font-size: 12pt;
	line-height: 1.5;
	letter-spacing: .2em;
	text-transform: lowercase;
	overflow: clip;
}

.gear-wrapper {
    top: 0%;
    left: 100%;
    transform: translate(-35%, -60%);
    position: fixed;
		z-index: -1;
}
.gear-wraper-circle {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}
#gear {
    width: 800px;
    height: 800px;
}

header {
	/* background-color: rgb(0, 0, 0); */
	background-position-x: 0%;
	background-position-y: 0%;
	background-repeat: repeat;
	background-attachment: scroll;
	background-image: none;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
	padding-top: 2%;
  padding-right: 2%;
  padding-bottom: 2%;
  padding-left: 2%;
	width : 100%;
	min-height: 100px;
}

section{
	color: rgb(200, 200, 200);
	padding-top: 50px;
	padding-left: 1%;
	padding-right: 1%;
}

article{
	color: rgb(230, 230, 230);
	padding-bottom: 50px;
	padding-left: 2%;
	padding-right: 150pt;
	
}

footer {
	background-color: rgb(80, 80, 80);
	background-position-x: 0%;
	background-position-y: 0%;
	background-repeat: repeat;
	background-attachment: scroll;
	background-image: none;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
	padding-top: 2%;
  padding-bottom: 2%;
  padding-right: 2%;
  padding-left: 2%;
	width : 100%;
	min-height: 50px;
	color: white;
	text-align: center;
}