@font-face{font-family:Roboto; src:url(fonts/Roboto.ttf);}
body{font-family:Roboto;text-align:center;}
a{color:black;text-decoration:none;}

#page-layout{
	display:grid;
	grid-template-columns:16% 75%;
	gap:2%;

	margin:1vw 3vw 1vw 3vw;
}

#nav-bar{
	grid-column:1;
	border:solid;
	padding-top:10px;
}

#works-gallery{
	grid-column:2;
	grid-row:1;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.work{margin:10px}
.work img{
	border:ridge 5px sienna;
	max-width: 20vw;
	max-height: 40vh;
}

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

}