/* ====================================================================================> TAGS */
/* ====================================================================================> TAGS */

a { 
	color: white; 
	text-decoration: none;
	font-size: larger;
}

a:hover {
	color: rgba(138, 120, 92, 1);
	text-decoration: none 
}

body {
	background-color: rgb(24, 29, 57);
	color: white;
	font-family: 'GillSans-SemiBold';
	font-family: 'Ubuntu-Bold';
	color: rgba(138, 120, 92, 1);
}

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

hr {
	border: 1px solid rgba(138, 120, 92, 1);
}

iframe, video {
	 border: 5px solid rgba(138, 120, 92, 1);
	 border-radius: 7px;
}

/* ====================================================================================> IDS */
/* ====================================================================================> IDS */

#mp4art {
	background-color: black;
	border: 10px solid black;
    border-radius: 7px;
	max-width: 90%;
}

#leftColumn {
	float: left;
	min-width: 200px;
	height: 100%;
}

#leftMenu {
	position: relative;
	min-height: 200px;
	min-width: 200px;
    border: 2px solid rgba(138, 120, 92, 1);
    padding: 10px;
    border-radius: 7px;
    text-align: left;
	float: left;
    left: 17px;
	top: 17px;
}

#rightColumn {
	float: right;
	width: 90%;
	height: 100%;
}
#verlatenIMG2, #verlatenIMG {
	cursor: pointer;
	height: 410px;
	width: 410px;
}

#verlatenIMG2 {
	display: none;
}

/* ====================================================================================> CLASSES */
/* ====================================================================================> CLASSES */

.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	vertical-align: middle;
}

.icon {
	font-size: 44px;
}
.icon a {
	text-decoration: none;
}

.flash {
	display: none;
}

.gold {
	color: rgba(138, 120, 92, 1);
}

.leftMenu {
    cursor: pointer;
    line-height: 24px;
	color: white; 
}

.leftMenu:hover {
	color: rgba(138, 120, 92, 1);
}

.line {
	height: 70px;
	color: rgba(138, 120, 92, 1);
}

.small{
	font-size: 12px;
}

/* ====================================================================================> RESPONSIVE */
/* ====================================================================================> RESPONSIVE */

@media only screen and (max-width: 770px) {
	
	#leftColumn, #rightColumn {
		float: left;
		width: 100%;
		height: auto;
		margin-bottom: 17px;
	}

  	#flash {
	  	display: none;
  	}
  	
  	#wrapperContent {
	  	margin-top: 17px;
  	}
  	.flash {
		display: block;
		margin-top: 50px;
	}
	
	iframe, .logo {
		 max-width: 90%;
		 height: auto;
	}
  	
}

@media only screen and (max-width: 1060px) and (min-width: 7710px) {
	
	#leftColumn {
		width: 25%;
	}
	#rightColumn {
		width: 75%;
	}

  	#flash {
	  	display: none;
  	}
  	
  	.flash {
		display: block;
		margin-top: 50px;
	}
	
	iframe, .logo {
		 max-width: 90%;
		 height: auto;
	}
  	
}