*{box-sizing:border-box;}

body{background-image:url(bgtile.png);
	 background-attachment:fixed;
	 font-family:Arial,sans-serif;}
header{border-bottom:3px solid #202225;}
nav{font-weight:bold;
	font-size:110%;
	line-height:250%;
	text-align:center;
	padding:0;}
nav ul{list-style-type:none;
	   padding-left:0;}
nav li{border-bottom:3px solid #202225;}
main{border-top:5px;
	 padding:10px;
	 line-height:20px;}
div{border-top:3px solid #202225;}
footer{text-align:center;
	   line-height:20px;
	   padding-top:5px;
	   padding-bottom:5px;}
header section{background-image:url(header.png);
			   background-size:100% 100%;
			   background-repeat:no-repeat;
			   margin:1em;
			   height:330px;}
input,textarea{margin-bottom:2em;}
h1,h3{text-align:center;
   line-height:150%;}
h6{font-style:italic;}
span{font-style:italic;}
table{background-color:#272a2e;
	  margin:auto;
	  line-height:1.5em;
      border:5px solid #202225;
	  border-spacing:0;}
td{padding-right:2em;}
tr:nth-of-type(even){background-color:#5f646e;}
a{text-decoration:none;}
a:link{color:#7e88f5;}
a:visited{color:#aab1f5;}
a:hover{color:#f95339;}

.evo{text-align:center;}
.evo span li{display:none;}
.evo ul{display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-around;
		list-style-type:none;
		padding-left:0;}
.evo li{padding-bottom:1em;}
.evo img{border:4px double #202225;}

#wrapper{background-color:#36393f;
					color:#e5ece8;
		 border:8px double #202225;}
		 
.indexmain{border-bottom:3px solid #202225;}

.pad{padding-left:.5em;}
.border{border-right:3px dashed #202225;}

#flag{background-image:url(trans.png);
	  float:right;
	  width:2.2em;
	  height:1.51em;
	  transform:scale(.75);}

@media (min-width:700px)
{
	nav ul{padding-top:9px;
		   padding-right:5px;
		   }
	nav li{border-bottom:none;}

	#wrapper{margin:auto;
			 width:75%;
			 border:8px double #202225;
			 display:grid;
			 grid-template-columns:200px auto;
			 grid-template-rows:auto;}
		header{grid-row:1/2;
			   grid-column:1/3;}
		nav{grid-row:2/4;
			grid-column:1/2;}
		main{grid-row:2/3;
			grid-column:2/3;}
		div{grid-row:3/4;
			grid-column:1/3;}
		footer{grid-row:4/5;
			   grid-column:1/3;}
}



@media (min-width:1024px)
{
	nav{text-align:left;
		border-right:3px solid #202225;}
	nav ul{padding-left:2em;}
	nav li{border-bottom:none;}
	
	#wrapper{margin:auto;
			 width:75%;
			 border:8px double #202225;
			 display:grid;
			 grid-template-columns:14em auto;
			 grid-template-rows:auto;}
		header{grid-row:1/2;
			   grid-column:1/3;}
		nav{grid-row:2/4;
			grid-column:1/2;
			background-image:linear-gradient(#36393f,#202225);}
		main{grid-row:2/3;
			 grid-column:2/3;
			 padding:2em;}
		div{grid-row:3/4;
			grid-column:2/3;}
		footer{grid-row:4/5;
			   grid-column:1/3;}
}