* {
  margin: 0;
  padding: 0;
}
/*COLORES*/
#descripcion{
	background-color:black;
	opacity : 0.85;
	border: 3px solid white;
	border-radius:5px;
}
p,ul,li,h1,h4{
	color:white;
}
/*FONT*/
@font-face {
    font-family: 'MyFont'; /*a name to be used later*/
    src: url('../fonts/KadwaBold.ttf'); /*URL to font*/
}
body{
  overscroll-behavior-y: contain;
}
html, body {
    width: 100%;
    height: 100%;
    overflow: hidden;
	background-color:black;
	 float: left; 
}

#container{
	/*background-color:red;*/
	margin:0px;
	width:960px;
	height:960px;
	padding:0px;
}
@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}

#changeshader{
	width:4em;
	height:4em;
	position:absolute;
	bottom:20px;
	right: 20px;
	filter:drop-shadow(8px 8px 10px yellow);
	transition: 0.3s;
	/*display:none;*/
}
#changeshader:hover{
	
	width:5em;
	height:5em;
}

#descripcion{
	position:absolute;
	top:10%;
	left:25%;
	width:50%;
	/*height:70%;*/
	display:block;
	line-height: 1.6;
}
p,h1{
	font-family: 'MyFont';
}
#descripcion h1{
	text-align: center;
	margin : 0px auto;
	display:block;
	padding-top:10px;
}
p{	
	font-family: 'MyFont';
	padding:20px;
	padding-top: 10px;
	opacity:1.0;
	font-size:2vh;
}
footer{
	padding:20px;
}
ul li{
	display:inline-block;
}
li{
	margin-right: 30px;
}
#closewindow{
	float: right;
	width:2em;
	height:2em;
	margin:20px;
	display:block;
	
}
h4 {
	font-size:25px;
}


/**********MEDIA QUERYS**********/
@media (max-width: 1500px) {
  
  #descripcion{
	/*background-color:cyan;*/
	border: 0px solid white;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	font-size:1vh;
	line-height: 1.2;
	/*display:block;*/

	}
	#closewindow{
		width:5vw;
		height:5vw;
		margin:20px;
	}
	h1 {
		font-size:2vh;
	}
	p{
		font-size:2.5vh;
	}
	p,footer{
		padding-left:5vw;
	}
}

@media (max-width: 600px) {
	#descripcion{
	/*background-color:red;*/
	font-size:1vw;
	line-height: 5vw;
	}
	h1 {
		padding:2vw;
		font-size:9vw;
		line-height: 10vw;
	}
}
@media (max-width: 400px) {
    #descripcion{
		/*background-color:blue;*/
		font-size:1vw;
		line-height: 6vw;
	}
	h1 {
		padding:1vw;
		font-size:9vw;
		line-height: 10vw;
	}
	p{
		font-size:3.5vw;
		margin:3vh;
		padding:0px;
	}
	#closewindow{
		width:8vw;
		height:8vw;
		margin:20px;
	}
	footer{
	padding:2vw;
	margin:3vh;
	}
	ul li{
		display:inline-block;
	}
	li{
		margin-right: 5vw;
	}
}
@media (max-width: 300px) {
	p{
	/*	background-color:green;*/
		font-size:6.0vw;
	}
}