@font-face {
	font-family: 'Theinhardt';
	src: url('font/TheinhardtLight_alt.otf');
}

@font-face {
	font-family: 'Gilda';
	src: url('font/GildaDisplay-Regular.ttf');
}

* {
	margin:0;
	padding:0;
}


#page-wrap {
     width: 1000px;
     margin: 0 auto;
}

body {
	text-decoration: none;
	color: black;
	font-family: 'Theinhardt', sans-serif;
	font-size: 24pt;
	position: relative;
    top: 160px;
  
}


img {
	max-width:100%;
	
}

a {
	text-decoration: none;
	color: black;
	list-style: none;	
}


header {
    top: 48px;
    text-decoration: none;
    position:fixed;
    color: black;
    z-index: 3;

}

nav ul {
        list-style: none;

    }


a:hover {
    color: #bfc1c2;
}


/*

nav ul li:hover{
	text-decoration: underline;

}


.portfolio-index ul li:hover,
.portfolio-index ul li.is-active {
	opacity:1;

}
*/


.bio {
	font-family: 'Gilda', serif;
	font-size: 44pt;
}

.contact {
	height: 40px;
	position: relative;
	top: 96px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 16px;

}



.gallery-grid {
	position: relative;
	top: 200px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 16px;
}


.project-title {
	padding-top:8px;
	padding-bottom:40px;

}




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

#page-wrap {
     width: 100%;
}

body {
	padding-left: 32px;
	padding-right: 32px;
	font-size: 20pt;
	top: 132px;

}

.bio {
	font-size: 32pt;

}

.contact {
	top: 64px;
}

.gallery-grid {
	top: 132px;
	display: grid;
}

}


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

body {
	padding-left: 24px;
	padding-right: 24px;
	font-size: 16pt;
	top: 112px;
}


header {
	top: 32px;

}


.bio {
	
	font-size: 24pt;
}


.contact {
	top: 64px;

}

.contact-item {
	float: none;
	padding-bottom: 16px;
	width: 100%;

}


.gallery-grid {
	top: 120px;
	display: block ;

}


.project-title {
	padding-bottom:32px;

}

}