.sidebar {
			font-size: 25px;
			border: 0px;
			background-color: #DEAF5F;
			opacity: 0.9;
			padding: 30px;
			border-radius: 30px;
			box-shadow: 0 0px 10px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
			text-align: center;
			display: inline-block;
}	
.button, .dropbtn {
	background-color: #FDAB3D;
	border: 3px;
	color: white;
	text-align: center;
	padding: 10px 20px;
	display: inline-block;
	text-decoration: none;
	font-family: "Tw Cen MT";
	font-size: 20px;
	border-radius: 10px;
	box-shadow: 0 12px 24px 0 rgba(0,0,0,0.2), 0 6px 15px 0 rgba(0,0,0,0.19);
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	border: 2px solid #FDAB3D;

}

.button:hover{
	box-shadow: 0 20px 30px 0 rgba(0,0,0,0.24), 0 20px 55px 0 rgba(0,0,0,0.19);
	border: 2px solid #FDAB3D;
	background-color: #FFBF69;
	color: white;
	cursor: url("cursorr.png"), inherit;
}

.dropbtn:hover{
	box-shadow: 0 20px 30px 0 rgba(0,0,0,0.24), 0 20px 55px 0 rgba(0,0,0,0.19);
	border: 2px solid #FDAB3D;
	background-color: #FFBF69;
	color: white;
}

.langbutton {
	
	background: transparent;
	border: none;
}

.ro {
	background-image: "images/campr/romlang.PNG";
}

.en {
	background-image: "images/campr/enlang.png";
}

#box3 {
	background-color: #595959;
	border-radius: 10px;
	opacity: 0.9;
	box-sizing: border-box;
	box-shadow: 0px 16px 32px 0px rgba(0,0,0,0.2);
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
    box-shadow: 0px 16px 32px 0px rgba(0,0,0,0.2);
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #FFE2BA;
    min-width: 160px;
    box-shadow: 0px 16px 32px 0px rgba(0,0,0,0.2);
    border-radius: 10px;
    -webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-family: "Tw Cen MT"
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	background-color: #FFBF69;
	font-family: "Tw Cen MT"
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #FFBF69;
    color: white;
    -webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.clickme {
	border: 3px;
	color: white;
	text-align: center;
	padding: 10px 20px;
	display: inline-block;
	text-decoration: none;
	font-family: "Tw Cen MT";
	background-color: #FDAB3D;
	opacity: 0.6;
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	border-radius: 10px;
}
.clickme:hover {
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
	border: 2px solid white;
	background-color: #00FFA6;
	color: white;
	text-align: center;
	font-family: "Tw Cen MT";
}

@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

body { margin: 0; } 
div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 20s slidy infinite; 
}

