body, html {
	margin: 0px;
	padding: 0px;
	color: black;
  height: 100%;
}

html {min-height:100%;}

A {color:white; font-decoration: none;}
A:hover {color:white; font-decoration: underline;}
A:visited {color:white;}

P {margin: 0.5em;}

body {
  height: 100%;
  background: black;
  margin: 0;
  padding: 0;
  background-size: cover;
  background-attachment: fixed;
  background-position: center; 
  font-family: 'Raleway', sans-serif;
  color: white;
  font-size: 0.8em;
 
  
  
}

/*
@keyframes cover_background {
    0%   {background: black;}
    25%  {background: url('images/2.jpg') ; background-size: cover;}
    50%  {background: black;}
    75%  {background: url('images/4.jpg') ;  background-size: cover; }
    100%  {background: black; }
   
} 
*/

#cover {
  min-height: 100%;
  min-width: 100%;

  background-image: url('images/3.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover; 

  padding-top: 10px;
  /*
  animation-name: cover_background;
  animation-duration: 20s;
  animation-delay: 0s;
  animation-iteration-count: infinite;

   
 /* 
  backface-visibility: hidden;    
  transform-style: preserve-3d;   
  transform: scale(1);
   */
}


#main {
  width: auto;
  margin: 0 auto;
  width: 350px;

}

.bold {
  font-weight: 700; 
}

.center {
  text-align: center;
}

.etra_light {
  font-weight: 200;
}

.light {
  font-weight: 300;
}

.dotted_box {
 
  position: relative;
  margin-top: 5px;
  padding: 10px;
  width: 400px;
  border: 1px dotted white;
  background: black;
}

.noFloat {
  clear:left;
}

.noFloat2 {
  clear:right;
}


.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.bigbold {
  font-weight: 200;
  font-size: 10em;
  
}

#subject P {
  font-size: 1.5em;
}



#logo {
 /*
  position: relative;
  height: 350px;
   */
}

#logo IMG {
  width: 250px;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%)


}



H2 {
  text-align: center;
}