html {
	height: 100%;
}

body, select, input, textarea {
	height: 100%;
	color: #333;
    font-family: 'Press Start 2P', cursive;
}

a {color: rgb(38, 152, 116);}
a:hover {color: rgb(49, 128, 49);}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;}

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;}

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

.wrapper {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0;
  margin: 0;
}

.row {
    width: auto;
}

.slider {
    width: 100%;
}

.half-slider {
    width: 50%;
}

.wrapper-item {
    padding: 5px;
    margin: 10px;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.wrapper-item-left {
    padding: 5px;
    margin: 10px;
    text-align: left;
    width: 100%;
    max-width: 500px;
}


.wrapper-item-small {
    padding: 2px;
    /* width: 800px; 
    height:100px;*/
    margin: 10px;
    text-align: center;
	font-size: 10%;
}

.button {
	color: #0000ff;
	/* font-size: 20px; */
	background: transparent; /* #3498db; */
	padding: 10px 20px 10px 20px;
	text-decoration: none;
}

.button:hover {
	color: #333;
  /*background: #3cb0fd;*/
  text-decoration: none;
}

.question {
	text-decoration: none;
	/*font-size: 10px;*/
}

/* Media queries
-------------------------------------------------------------------------------*/

@media screen and (max-width: 480px) {


}



/* Print styles
-------------------------------------------------------------------------------*/
@media print {



}