nav{

background-color:rgba(138, 141, 210, 0.9);
position:fixed;
width:100%;
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:white;

}

.box{
	display:flex;
flex-direction:row;
justify-content:space-around;
align-items:center;
height:600px;
}

.text{
	margin-left:8%;
margin-right:8%;
font-size: 23px;
color:black;}