header {
	margin: 0;
	padding-left: 5%;
	padding-right: 5%;
	padding-top:0em;
	padding-bottom:0em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: grid;
	grid-template-columns: auto auto;
	grid-gap: 4%;
	justify-items: right;
	align-items: center;
	margin-left:auto;
	margin-right:auto;
	justify-content: center;
}



header,footer {
	background:white;
}

body {
	margin : 0;
	background:#f1f1f1;
}

main{
	margin-left:auto;
	margin-right:auto;
	line-height: 1.5;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.1em;
 	max-width:1030px;
 	margin:auto;
 	padding:30px;
 	text-align: justify;

}

h1{
	font-size: 1.7em;
	padding-top:0em;
	
}


header h1{
	padding:1em;
	color:#03136A;
}

nav ul{
	display: grid;
	grid-template-columns: auto auto auto;
	font-size:1em;
	align-items: center;

	justify-items: center;
	text-align:center;
	margin:0;
	grid-gap: 8%;
	justify-items: right;
	align-items: center;
	margin-left:auto;
	margin-right:auto;
	justify-content: center;
	padding:0;
}

nav ul li{
	list-style:none;
	font-size:1.6em;
	display:inline-block;
	text-transform: capitalize;
	font-variant-caps: small-caps;
	
	
}

nav{
	width:100%;
	margin-right:auto;
	background:#001BAA;
	margin-top:0;
	padding:5px;
}



h2 {
	color:black;
	text-align: center;
	font-size:1.8em;
}



h3 {
	color:#201CA2;
	font-weight: normal;
	font-size:1.4em;
}

a {
	color: #3769FF;
	text-decoration: none;
}

a:hover{
	color: #eba625;
	transition:0.5s;
}



footer{
	border-top:solid 3px #FF9943;
	width: 100%;
	height: calc(20vh - 106px);
	min-height: 20px;
}


nav a{
	color:#ECECEC;
	display:block;
	margin:0;
	padding:0.8em;
	size: 1.3em;
}

code{
	font-size: 1.2em;
}


nav li:hover a{
	transition:0s;
	color:#eba625;
	text-shadow: 1px 1px 2px black;
}



main li{

	padding-bottom: 5px;
	height:auto;
	/* margin-bottom : 1.8em; */

}



li img{
	max-width:100%;
	max-height:600px;
	margin:6px;
}

#members{
	display: grid;
	grid-template-columns: auto auto;
		grid-gap: 8%;

	align-items: center;
	margin-left:auto;
	margin-right:auto;
	justify-content: center;
	padding-bottom:80px;
}

#members li{
	padding:0;
}


#members ul{
	padding:0;
	display: grid;
	grid-template-columns: auto ;
	grid-gap: 8%;

	align-items: center;
	margin-left:auto;
	margin-right:auto;
	justify-content: center;
}


#logo{
	height: 150px;
	padding-top: 10px;
	padding-bottom: 10px;
}