nav{

background-color:rgba(138, 141, 210, 0.9);
position:fixed;
width:auto;
height:20%;
margin-top:0px;
padding:10px;

z-index: 1;

}
nav a#pull {  
    display: none;  
} 





ul{ 
	list-style: none;
	padding:5 0 90px;
	text-align: center;
 }
 li{
 	display:inline;
 	padding:0 15px;
}
 a{
	font-family: Calibri, 'sans-serif' ;
	font-size:23px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	 }
	  nav a{
	  	
	color: #f7f7f7;
	  }

	   nav li a:hover{
	   	color: #f1bb3d;
	   	text-decoration: underline;}

	   	hr{ size:3px;

	   	}

	h1{
		text-align: center;
	} 

	.1{
		display:block;
height:600px;
background-color: #222222;
	}

	.A{
background-color:#2b5d89;
padding:1%;
border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border: 11px dashed #8386bd;}

h1{
	color:#ffeb05;
}
body{
	background-color: #222222;

}
.video{
display:flex;
flex-direction:row;
justify-content:space-around;
align-items:center;
height:auto;

}

.video2{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-around;
align-items:center;
height:auto;

}

.video3{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-around;
align-items:center;
height:auto;

}