html, body{
    font-family: 'Lato', 'Arial';
    height:100%;
}

a{
	color: #1A1F4C;
}


a:hover{
	color: #3B407D;
}
table{
	border: none;
	font-size:default;
}

#site-home{
    max-width: 50em;
    margin: 5em auto;
}


#site-impressum{
    margin: 0 1em;
}


/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}


.column_20 {
  float: left;
  width: 30%;
}

.column_80 {
  float: left;
  width: 70%;
}

.portrait{
	width:80%;
	border-radius:50%;
}

footer{
	margin-top:2em;
	font-size:small;
}




/* Just to show of responsive skills */
@media (min-width: 50em){
    #site-impressum{
        margin: 0 5em;
    }
}