@import url('https://fonts.googleapis.com/css?family=Junge');


body {
	max-width:500px;
	margin:auto auto 600px auto;
	font-family: 'Junge', sans-serif;
}
h1, h2, p {font-weight: 400;}
h1 {
	color:#7f6596;
	margin:50px 0 0 0;
    font-size: 25px;
    border-bottom: 1px solid #c1aad6;
    padding-bottom: 3px;
}
h2 {
	color:#c05564;
    font-size: 20px;
	margin:17px 0 -12px 0;
}

p {
    font-size: 16px;
    line-height: 1.5em;
    color: #525252;
}
p a {
    text-decoration: none;
    color: #8d67af;
}

hr {
	border-top: 1px solid #c1aad6;
	border-bottom: 1px solid #ece4f3;
}

.logo img {
	width:28%;
	margin: 10% 0 0 0;
}

#navbar {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
	padding: 10px 0;
	background:white;
    box-shadow: 0 2px 16px white;
}
.nav a {
	color:#c3001c;
	text-decoration:none;
    padding: 0 0.4em;
    font-size: 17px;
}
a.anchor, a.anchorh2 {
    display: block;
    position: relative;
    top: -70px;
    visibility: hidden;
}
a.anchorh2 {
    top: -100px;
}

.round {
	border-radius: 50%;
}
.logo, .nav, .center {
	text-align:center;
}


@media screen and (max-width:500px) {

body {margin:1.4em;}
a.anchor {top: -90px;}
a.anchorh2 {top: -120px;}
.logo img {
    width: 33%;
    margin: 6% 0 0 0;
}

}