body { font: 400 16px/1.5 Times, Times New Roman, serif; color: #111; background-color: #f3f3f3; margin: 0; padding: 0; }

a, a:visited { color: #111; }

.site-header { text-align: center; }

.site-title { font-size: 64px; font-weight: bold; margin: 70px 0 28px 0; line-height: 0.9; }

.site-nav { margin: 28px 0; }

.site-nav .page-link { font-family: Helvetica, sans-serif; }

.site-nav .page-link:not(:last-child) { margin-right: 28px; }

.site-nav a.page-link { color: #b9b9b9; text-decoration: none; }

.site-nav a.page-link:hover { color: #333; }

.site-nav span.page-link { color: #333; }

.page-content { padding: 28px 0; }

/** Wrapper */
.wrapper { width: 935px; margin: 0 auto; }

@media screen and (max-width: 600px) { .wrapper { width: auto; max-width: 935px; } }

/** Site footer */
.site-footer { padding: 28px 0; }

.social-media-list { list-style-type: none; text-align: center; line-height: 1; font-size: 0; margin: 0; padding: 0; }

.social-media-list li { display: inline-block; width: 24px; height: 24px; margin: 5px; }

.work { list-style-type: none; margin: 0; padding: 0; overflow: hidden; }

.work li { float: left; width: 293px; height: 293px; }

.work li:not(:last-child) { margin-right: 28px; }

@media screen and (max-width: 600px) { .work li { float: none; display: block; margin-left: auto; margin-right: auto; } .work li:not(:last-child) { margin-right: auto; margin-bottom: 28px; } }

.work li img { width: 293px; height: 293px; }

@media screen and (max-width: 600px) { .about { padding: 0 28px; } }

/*# sourceMappingURL=main.css.map */