.en {
	display:none;
}

.buttons {
	text-align:right;
	margin-top:15px;
}

p {
	font-size: 2em;
}

body {
    background-color: black;
    color: white;
}

button {
    background-color: #461F5C;
    color: #8E6C15;
    border-color: #461F5C;
}

.button {
position: absolute;
}

.btn {
	border-radius: 30px;
}

.videoContainer {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-attachment: scroll;
    /*overflow: hidden;*/
}
.videoContainer video {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}
.videoContainer .overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    /*background: green;*/
    opacity: 1;
}

.videoContainer .overlay img {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    /*background: green;*/
    opacity: 1;
}

div.popup {
	right: 0px;
	/*border: 3px solid;*/
	height: 99vh;
	position: fixed;
	width: 45%;
	top: 0px;
	z-index:1002;
	background: white;
}

iframe.popup {
	height: 92vh;
	border: 0px none;
	width: 92%;
	margin-bottom: 0;
	margin-left: 20%;
        background: white;
}

video.popup {
	height: 92vh;
	border: 0px none;
	width: 92%;
	margin-bottom: 0;
	margin-left: 20%;
	background:black;
}



a.popup {
	outline: none;
	position: fixed;
	border: 3px solid;
	right: 45%;
	top: 0px;
	background: white;
	padding: 1%;
	font-weight:bold;
	color:black;
}

 @media screen and (orientation:portrait) { 
	div.popup {
		width: 95%;
	}

	div.popup div {
		height:80vh;
        width:100%
	}
	
	a.popup {
		right: 95%;
	}
}
 @media screen and (orientation:landscape) { 
	div.popup {
		width: 100%;
	}
	
	div.popup div {
		height:90vh;
        width:100%
	}

	a.popup {
		right: 1%;
	}
}