body {
     color: #000000; 
     margin-top: 8%; 
     margin-left: 10%; 
     margin-right: 10%;
     margin-bottom: 15%; 
     padding-left: 20em; 
     } 

h1,h2,h3,h4 { font-family: sans-serif; color:#000099} 
h1 {  font-size: 140%; margin-bottom: 2em; }
h2 {  font-size: 130%; }
h3 {  font-size: 120%; }
h4 {  font-size: 110%; }
h5 {  font-size: 100%; }

a:link { color:#000066; text-decoration: none}
a:visited { color:#328CB9; text-decoration: none}
a:hover { text-decoration: underline }

ul { list-style-type: square; }
li { margin-top:1em; margin-bottom:1em; padding:0em }

div.menu {
	 position: absolute;
	 left: 2em;
	 top: 12em;
	 width: 20em;
	 padding: 3em;
	 }

en {font-size:80%}

@media screen and (max-width: 600px) {
body {
     color: #000000; 
     margin-top: 8%; 
     margin-left: 5%; 
     margin-right: 5%;
     margin-bottom: 5%; 
     padding-left: 2em; 
     } 
div.menu {
    display:inline-block;
	 position:unset;
	 left:unset;
	 top:unset;
	 width:unset;
	 padding:unset;
	 }
}

/* Container holding the image and the text */
.container {
    position: relative;
    text-align: center;
    color: white;
}

/* Bottom left text */
.bottom-left {
    position: absolute;
    bottom: 8px;
    left: 16px;
}