html {
	background-color:#121212;

	background-position:top;
	background-repeat:no-repeat;
	vertical-align: top;
}

body {
	
	font-family: 'Raleway', sans-serif;
    font-size: 16px;
    color:#CCC;

	
}

/* unvisited link */
a:link {
    color:#CCC;
	text-decoration:none;


}

/* visited link */
a:visited {
    color: #CCC;

}

/* mouse over link */

a:hover, a:focus, a:active {
    color:#CCC;
	background-color:rgba(18, 18, 18, 0.5);


}



/* selected link */


img {
	min-width:10%;
	max-width:100%;
	height:auto;
}

iframe, object, embed{
max-width: 100%;
height:auto;
width: auto; /* ie 8 */
    font-size: 16px;
    color:#CCC;
}
.button {
	
	text-align:center;
	max-width:100%;
	padding:4%;
	font-size:28px;
	font-variant:small-caps;
	background-color:rgba(102, 102, 102, 0.8);








	  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;

      -webkit-transition-property:all;
  transition-property: all;
      vertical-align: top;
    display: inline-block;
    *display: inline;
  
    display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  
  




}

@-webkit-keyframes button {
    16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }

}

@keyframes button {
    16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }

}

.button:hover, .button:focus, .button:active {
	


		-webkit-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
	background-color:rgba(102, 102, 102, 0.8);
	
	  -webkit-animation-name: button;
  animation-name: button;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
    		-webkit-border-radius: 25px 25px 25px 25px;
	border-radius: 25px 25px 25px 25px;
	



}

.image {
	margin-top:1%;
	position:fixed;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    overflow: auto;
}
.text {
		font-family: 'Raleway', sans-serif;
		font-size:14px;
}