section{
		padding: 2em;

	}
	
	.firma{
		padding: 0;
		background: url(firma_cropped.jpg);
		background-repeat: no-repeat;
		
		width: 100%;
		height: 15em; 
		
	}
	
	#.firma img{
	#	height: 15em;
	#	width:auto;
	#}
	
	.firma h2{
		color:#FFFAFB;
		font-style: bold;
	}


	
	.dark{
		background-color: #131515;
		color: #FFFAFB;
	}
	
	
	header{
		width: 100%;
		background-color: #131515;
		#height: 5em;
		padding: 0.5em;
		display: grid;
		grid-template-columns: 60% 40%;
	}
	
	header .logo{
		width: auto;
		height: 4em;
		padding:0 1em 0 1em;
		float: left;
	}
	
	header .icons{
		width: 2.5em;
		margin: 0 0.5em 0 0.5em;

	}

	
	header .second{
		text-align: right;

	}
	
	header h1{
		color: #FFFAFB;
	}
	

	a{ color: #000000;
	 text-decoration: none}
	 
	a:hover{
		color: #2B2C28;
	}
	
	
@media (min-width: 41em) {
	.column_list ul{
		display: grid;
		grid-template-columns: repeat(2, auto);
		column-gap: 4em;
	}
	
		header .icons{
		width: 3em;
		margin: 0 1em 0 1em;

	}
	
	
}