/* CSS Document */


@import url(https://fonts.googleapis.com/css?family=Bree+Serif);

body {

  margin: 0;
  padding: 0;
  width: 100%;
  z-index: -1;
	}


h1 {
  color: grey;
  font-family: 'Bree Serif';
  font-size: 50px;
  text-align: center;
}	
h2 {
  color: grey;
  font-family: 'Bree Serif';
  font-size: 30px;
  text-align: center;
  background: grey;
  z-index: -1;
  font-weight: bolder 900px;
  background-color: snow;
  opacity: 70%;
  padding: 18px;
  letter-spacing: 8px;
  line-height: 20px;
}
header {
  color: black;
  font-family: 'Bree Serif';
  text-align: left;
  background-color: snow;
opacity: 70%;
padding: 10px;
margin-left:5px;
border-radius: 10px;
z-index: -10;

}

a {
	color: grey;
}


#container {
  padding: 10px;
  margin: 0 auto;
  
  
}

p {
	color: #262626;
  font-size: 25px;
  background-color: snow;
  z-index: -1;
  
  
  
}

nav {
  margin: 10px 0;
  background-color: #4d94ff;
  border-radius: 10px;
  z-index: 10;
  
	
}

nav ul {
	list-style: none;
  position: relative;
  text-align: center;
  font-family: 'Bree Serif';
  z-index: 10;
	}
	
nav ul li {
	display: inline-block;
  width: 130px;
  border-radius:10px;
  z-index: 10;
  
  
	}

nav a {
	font-size: 1.2em;
  display: block;
  text-decoration: none;
  padding: 5px 5px;
  text-align: center;
  line-height: 35px;
  border-radius:10px;
  z-index: 10;
  opacity: 90%;
  color: white;
}

nav a:hover { 
	background-color: #005ce6;
	border-radius:10px;
	z-index: 10;
	opacity: 95%;
}

/* Hide Dropdowns by Default */
nav ul ul {
	display: none;
  position: absolute;
  padding: 0;
  
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display: inherit;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
  float: none;
	display: list-item;
  position: relative;
  left: -65px;
  padding: 0;
  width: 130px;
  background: #1a75ff;
  z-index: 10;
  opacity: 95%;
  
}  

/* Second, Third and more Tiers	*/
nav ul ul ul li {
	position: relative;
  top: -45px;
  left: 130px;
  z-index: 10;
  opacity: 95%;
  
}
#myVideo {
                position: fixed;
                right: 0;
                bottom: 0;
                width: 100%;
                height: auto;
                z-index: -2;
                opacity: 70%;
            }
#myPic {
            
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            width: fixed;
            height: fixed;

        }
#estrecho{
    align-content:center;
    width: 600px;
    margin:auto;
    
}
     

	
/* Change this in order to change the Dropdown symbol */
li > a:after { content:  ' +'; }
li > a:only-child:after { content: ''; }