body {
	margin: 0;
	padding: 0;
	background: url(background.jpg) no-repeat center center fixed;
	 -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
    
   
}

.names li {
   
     list-style-type: none;
 	 font-family: 'Source Sans Pro', sans-serif;
 	 font-size: 15px;

}
li {
	margin-left: -40px;
	margin-bottom: 1px;
}

h1 {

	color: #282828 ;
	font-family: 'Montserrat', sans-serif;
	font-size: 40px;
	text-align: center;
	margin-top: 0px;
}


h2 {
	color: black;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	text-align: center;
	margin: 0;
	
	
}


#content {
	width: 600px;
	background: white;
	border-top: 0px;
	border-bottom: 0px;
	margin-right: auto;
	margin-left: auto; 
	margin-top: -16px;
	height: 100vh;
}

p {
	margin: 0;
	margin-left: 20px;
	}

button {
	-moz-box-shadow: 0px 10px 14px -7px #969696;
	-webkit-box-shadow: 0px 10px 14px -7px #969696;
	box-shadow: 0px 10px 14px -7px #969696;
	background-color:#201B21;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Montserrat', sans-serif;
	font-size:20px;
	
	padding:13px 32px;
	text-decoration:none;
	text-shadow:0px 1px 0px #000000;
	margin-left: 20px;
}

select {
	-moz-box-shadow: 0px 10px 14px -7px #969696;
	-webkit-box-shadow: 0px 10px 14px -7px #969696;
	box-shadow: 0px 10px 14px -7px #969696;
	background: #201B21;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Montserrat', sans-serif;
	font-size:20px;
	
	
	text-decoration:none;
	text-shadow:0px 1px 0px #000000;
	margin-left: 20px;
	margin-bottom: 20px;
}










/* RESPONSIVE */ 


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

 		#content {
		width: 600px;
		
		margin-right: auto;
		margin-left: auto;
		
		}

		.names li {
   
     list-style-type: none;
 	 font-family: 'Source Sans Pro', sans-serif;
 	 
 	
 	 font-size: 12px;

	}

}


 @media only screen and (min-width : 1700px) {

 		#content {
			width: 600px;

			
			margin-right: auto;
			margin-left: auto;
		
		}

		.names li {
   
		 list-style-type: none;
		 font-family: 'Source Sans Pro', sans-serif;
		 font-size: 17px;

	}

}
#content { 

	background:  rgba(255, 255, 255, 0.5);
}
select {
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none;
}


#header {
	width: 100%;
	height: 50px;
	color: #E0E0E0 ;
	font-family: 'Montserrat', sans-serif;
	font-size: 40px;
	text-align: center;
	background: url(blue2.png); 
	
	margin-top: 0px;
}

.xbutton {
	
	float: right; 
	padding-right: 10px; 
	color: #201B21s;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	
}
.xbutton:hover {

	cursor: pointer;
	color: red;
}

#zoznam {
	padding-top: 10px;
}

button, select {

	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
	padding-right: 10px;

	-webkit-border-radius: 6;
	-moz-border-radius: 6;
	border-radius: 6px;
	font-family: Arial;
	color: #ffffff;
	font-size: 20px;
	background: #201b21;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
}

.check {
	width: 20px;
	height: 20px;
	
}



::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #464646;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
::-webkit-scrollbar-thumb:active {
  background: #343035;
}
::-webkit-scrollbar-track {
  background: #201b21;
  border: 0px none #ffffff;
  border-radius: 0px;
}
::-webkit-scrollbar-track:hover {
  background: #201b21;
}
::-webkit-scrollbar-track:active {
  background: #201b21;
}
::-webkit-scrollbar-corner {
  background: transparent;
}


/* BUTTONS */ 


button:hover {
  background: #343035;
  text-decoration: none;
  transition: background-color 0.5s ease;
}

select:hover {
  background: #343035;
  text-decoration: none;
  transition: background-color 0.5s ease;
}

.troll-gif {
	position: absolute;
	bottom: 0;
	display: none;
}

.homer-troll, .homer2-troll {
	position: absolute;
	bottom: 0;
	display: none;

}