*{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-bottom:3px solid #202225;}
footer{text-align:center;
	   line-height:20px;
	   padding-top:5px;
	   padding-bottom:5px;}
header section{background-image:url(tecnosoft.png);
			   background-size:100% 100%;
			   background-repeat:no-repeat;
			   height:200px;}
input,textarea{margin-bottom:2em;}
h1{text-align:center;
   line-height:150%;}
h6{font-style:italic;}
span{font-style:italic;}
fieldset{border: 3px solid #202225;}

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;}
		 
fieldset{margin:auto;
		 display:grid;
		 grid-template-rows:auto;
		 grid-template-columns:8em 5em 5em 1fr;
		 gap:5px;}
	label{grid-column:1/2;}
	input,textarea{grid-column:2/5;}
	input[type="submit"]{grid-column:2/3;}
	input[type="reset"]{grid-column:3/4;}

@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;}
}