body {
	line-height: 1em;   /* we want to use ems, not px, for responsive design */
	font-size:96%;
	text-align:center;  /* IE hack for centering content */
	background:#000000;
	color:#333333;      /* we decrease contrast somewhat */
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande",
	sans-serif;
}

.wrapper_blank {
	margin-top:1em;
	margin-left:12em;
	max-width:39%;
	min-width:39%;
	float:left;
	padding:0.5em;
	min-height:100vh;
	background-color:#ffffff;
}

.wrapper {
	margin-top:1em;
	margin-left:12em;
	max-width:39%;
	min-width:39%;
	float:left;
	padding:0.5em;
	min-height:100vh;
	background-color:rgba(195,197,212,1);
	-webkit-box-shadow: 0px 0px 68px 65px rgba(195,197,212,1);
    -moz-box-shadow: 0px 0px 68px 65px rgba(195,197,212,1);
    box-shadow: 0px 0px 68px 65px rgba(195,197,212,1);
}

.nofix {
	margin-top:1em;
	margin-left:12em;
	max-width:39%;
	float:left;
	padding:0.5em;
	min-height:100vh;
	background-color:rgba(195,197,212,1);
	-webkit-box-shadow: 0px 0px 68px 65px rgba(195,197,212,1);
    -moz-box-shadow: 0px 0px 68px 65px rgba(195,197,212,1);
    box-shadow: 0px 0px 68px 65px rgba(195,197,212,1);
}

@media screen and (max-width: 1200px) {
.wrapper {
	max-width:69%;
}
}

.motto {
	margin-left:9em;
	margin-top:-1.6em;
	color:#000000;
}

.black {
	color:#000000;
}

a, a:visited {
color:#ff3300;
text-decoration:none;	
}

h1, h2, h3, h4 {
	text-align:left;
	color:#666c84;
	font-family: 'Alfa Slab One', Futura, Impact, sans-serif;
}

p {
/*font-family: 'Roboto', Calibri, sans-serif;*/
}

.navi {
position:fixed;
top:0px;
left:0px;

}

.pseudoicon {
   text-decoration:bold;
   font-family:Lucida Console, monospace;
   font-size:4em;
   color:#ffffff;
   border: 1px solid #ffffff;
   border-radius:15px;
   margin:15px;
   transition: color 1s ease-in-out;
}

.pseudoicon:hover {
	color:#ff3333;
}

.sticky {
position:absolute;
top:0;
left:0;
}

.sticky2 {
position:absolute;
top:0;
left:0;
z-index:1;
}

.cont_level2 {
position:relative;
margin-top:142px;
margin-left:28px;
z-index:1;
}

.cont_level3 {
position:relative;
margin-top:232px;
margin-left:28px;
z-index:2;
}

.container {
  margin-top: 28px;
  margin-left: 28px;
  position: relative;
}

.container1 {
  margin-top: 28px;
  margin-left: 56px;
  position: relative;
}

.container2 {
  margin-top: 56px;
  margin-left: 28px;
  position: relative;
}

.container3 {
  margin-top: 56px;
  margin-left: 56px;
  position: relative;
}

.pulse {
  width: 10px;
  height: 10px;
  border: 5px solid #ffffff;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: #716f42;
  z-index: 10;
  position: absolute;
}

.dot {
  border: 10px solid #000000;
  background: transparent;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  -webkit-animation: pulse 3s ease-out;
  -moz-animation: pulse 3s ease-out;
  animation: pulse 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  top: -25px;
  left: -25px;
  z-index: 1;
  opacity: 0;
}

.pale {
  color:#666c84;  
}

.ib {
  display:inline-block;
}

.dot2 {
  border: 10px solid #000000;
  background: transparent;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  -webkit-animation: pulse 2.9s ease-out;
  -moz-animation: pulse 2.9s ease-out;
  animation: pulse 2.9s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  top: -25px;
  left: -25px;
  z-index: 1;
  opacity: 0;
}

.dot3 {
  border: 10px solid #000000;
  background: transparent;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  -webkit-animation: pulse 3.1s ease-out;
  -moz-animation: pulse 3.1s ease-out;
  animation: pulse 3.1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  top: -25px;
  left: -25px;
  z-index: 1;
  opacity: 0;
}

@-moz-keyframes pulse {
 0% {
    -moz-transform: scale(0);
    opacity: 0.0;
 }
 25% {
    -moz-transform: scale(0);
    opacity: 0.1;
 }
 50% {
    -moz-transform: scale(0.1);
    opacity: 0.3;
 }
 75% {
    -moz-transform: scale(0.5);
    opacity: 0.5;
 }
 100% {
    -moz-transform: scale(1);
    opacity: 0.0;
 }
}

@-webkit-keyframes "pulse" {
 0% {
    -webkit-transform: scale(0);
    opacity: 0.0;
 }
 25% {
    -webkit-transform: scale(0);
    opacity: 0.1;
 }
 50% {
    -webkit-transform: scale(0.1);
    opacity: 0.3;
 }
 75% {
    -webkit-transform: scale(0.5);
    opacity: 0.5;
 }
 100% {
    -webkit-transform: scale(1);
    opacity: 0.0;
 }
}