@font-face {
  font-family: 'AkzidenzGroteskBE';
  src: url("../fonts/AkzidenzGroteskBE-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'AkzidenzGroteskBE';
  src: url("../fonts/AkzidenzGroteskBE-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'AkzidenzGroteskBE-Condensed';
    src: url("../fonts/AkzidenzGroteskBE-BoldCn.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

body,html {
	padding:0;
	margin:0;
}

body {
	color: #555;
	background-color: white;
	font-family: 'AkzidenzGroteskBE', sans-serif;
}

h1,h2,h3,h4,h5 {
	font-family: 'AkzidenzGroteskBE-Condensed';
  margin-top:0;
}

a,a:visited,a:active {
  text-decoration: none;
  color: #03B9FF;
  outline: none;
}


.header {
	padding: 24px 48px;
	background-color: white;
}

@media (max-width: 320px) {
	.header {
		padding: 24px;
	}
	.header img {
		height: 25px;
	}
}

.container {
	padding: 48px;
  background-color: #EEE
}

@media (max-width: 320px) {
	.container {
		padding: 24px;
	}
}

.share-buttons{
  	list-style: none;
  	padding: 0;
  	text-align: center;
}

.share-buttons li{
  	display: inline;
}