html, body { font-size: 16px; }

body { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }

h1 { font-size: 2em; font-weight: bold; margin: 0; }

h2 { font-size: 1.5em; font-weight: normal; text-align: center;}

h3 { font-size: 1.3em; font-weight: bold; margin: 20px 0 0 0; }

p { font-size: 1.15em; line-height: 1.4em; color: black; font-weight: normal; }

a, a:active, a:visited, a:focus { color: black; }

a:hover { color: #cc0033; }

.language { position: absolute; right: 30px; top: 20px; color: black; }

header { padding: 100px 0; }

.logo { text-align: right; }

h3 + p { margin: 5px 0 0 0; }

p + p { margin: 10px 0 0 0; }

.phone, .mail { padding-left: 25px; margin-top: 10px; display: block; }

.phone svg, .mail svg { position: absolute; margin-left: -25px; margin-top: 5px; width: 0.75em; }

.mail svg { margin-top: 6px; }

a:hover svg { fill: #cc0033; }

.links { border: 2px dotted black; border-radius: 10px; display: inline-block; color: black; max-width: 390px; width: 100%; margin-bottom: 50px; }

.links:hover { color: black; }

.links.education { float: right; }

.links .activeImage { display: none; }

.links.education:hover > img { display: none; }

.links.education:active > img, .links.education:visited > img, .links.education:focus > img { display: block; }

.links.education:hover > .activeImage { display: block; }

.links.education:active > .activeImage, .links.education:visited > .activeImage, .links.education:focus > .activeImage { display: none; }

.links.clients:hover > img { display: none; }

.links.clients:active > img, .links.clients:visited > img, .links.clients:focus > img { display: block; }

.links.clients:hover > .activeImage { display: block; }

.links.clients:active > .activeImage, .links.clients:visited > .activeImage, .links.clients:focus > .activeImage { display: none; }

.links h2 { margin-bottom: 0px; margin-top: 10px; }

.links p { text-align: center; font-size: 1.15em; margin-top: 3px; margin-bottom: 10px;}

.links img { display: block; width: 7.5em; margin: 27px; margin-left: auto; margin-right: auto; pointer-events: none; }

@media screen and (max-width: 39.9375em) {
  	
  	.address { text-align: center; }
  	
  	.links { max-width: inherit; }

  	.links > img { display: none; }

  	.links > .activeImage { display: block; }
}

@media screen and (max-width: 63.9375em) {
  
  	.logo { text-align: center; margin-bottom: 50px; }

  	.links > img { display: none; }

  	.links > .activeImage { display: block; }
}