@font-face { 
font-family: 'Avant Guard'; 
src: url('../font/avantgu.ttf') format('truetype'); 
}
.pure-g [class*="pure-u"]{ 
font-family: 'Avant Guard';
}
.contact {
	color: #333;
    list-style: outside none none;
	text-align: left;
}
.contact .name {
    font-size: 1.4em;
    letter-spacing: 0.06em;
}
.wrap {
	max-width: 800px;
    padding: 2em 1em;
}

.contact, .work {
	margin-top: 1.5em 0;
    padding: 0;
}
.work {
	color: #666;
}
.work li {
	list-style: outside none none;
	opacity: 0.8;
	padding-top: 0.92em;
}
.work li:hover {
	list-style: outside none none;
	opacity: 1;
}

.work li:before {
	content: url(../img/favicon.png) " ";
}

a {
	color: #FF4C00;
	text-decoration: unset;
}
a:hover {
	color: #FF4C11;
	text-decoration: underline;
}

.logo {
	margin-bottom: 1em;
}
.maps {
	margin-top: 1.5em;
}

@media screen and (min-width: 35.5em) {
	.contact {
	text-align: right;
}

}