* {
margin: 0;
padding: 0;
text-align: center;
}

body {
margin-top: 100px;
background: #ffd700;
color: black;
font-family: 'Avenir';
font-size: 14px;
}


#wrapper, #top, #footer {clear: both; margin: 0 auto;}


a {text-decoration: none; color: white; background: black; padding-left: 12px; padding-right: 12px;}
a:hover {color: black; background: white; padding-left: 12px; padding-right: 12px;}
#footer a {border-bottom: 1px dotted black;}
#footer a:hover {border-bottom: 1px dotted: white;}

#top h1 {font-size: 24px; margin-bottom: 100px; text-transform: lowercase; }

h1 {font-weight: normal;}
h2 {font-size: 52px; color: black; font-weight: normal; margin-bottom: 32px;}

.three-columns h2 {}
.three-columns p {font-size: 20px; color: #524f4f;}

#footer p {color: #524f4f;}