@charset "utf-8";
@font-face{
font-family: 'Oswald', sans-serif;
font-family: 'Montserrat', sans-serif;
}	

/*
			possible color schemes - 	purple: 860c5c
										pink: f66368
										very light blue: e0f9f6
										off white:f8f8f8
										charcoal: 353030
										
*/
html, body{
	margin:0;
	padding:0;
	font-family:Montserrat;
	scrollbar-width: thin;	
}

*::-webkit-scrollbar {
  width: 9px;
}
*::-webkit-scrollbar-thumb {
  border-radius: 15px;
  background-color:#e6e7e8;
}

a {
	text-decoration:none;
	color:orange;
	font-weight:normal;
}
header{
}
article{
	margin-left:5vw; width:90vw;
}

#headerBar{
	min-height:4em;
	background-color:white;
	vertical-align:middle;
	width:100%;
	position:fixed;
	box-shadow: 1px 2px 5px lightgrey;
}
#logo{
	color:grey;
	font-family:Oswald;
	text-align:left;
	vertical-align:top;
	font-size:1.4em;
	letter-spacing:0.05em;
	margin:0.5em auto auto 1em;
	display:inline-block;
}
#logo a{color:grey;}
#logo a:hover{color:#3c3b3b;}
#menu{
	font-family:Oswald;
	display:inline-block;
	text-align:right;
	vertical-align:top;}
#title{
	text-align:center;
	font-size:2em;
	padding:3em 0 1em 0;
}
#gallery_container{text-align:center;}
#gallery_type{width:100%; text-align:center; margin:auto;}
#gallery{width:95vw; margin:auto; text-align:center; background-color:white;}
#normal{font-weight:normal;}
#smaller{font-size:0.8em;}
#splash{width:100%; height:80vh; margin-top:6em; padding:5em auto 1em auto; object-fit:cover;}

#contact_info{
	width:70vw;
	text-align:center;
	vertical-align:top;
	margin:auto;
}

#pub_table{margin:auto; text-align:center; width:100%;}

.pub_row{}
.pub_item{vertical-align:middle; text-align:center;}
.pub_title{font-size:1.5em;}
.pub_body{text-align:justify; padding:1em 1em 3em 1em;}

.nav{
	list-style:none;
	display:none;
	text-align:right;
	margin-top:4em;
}
.nav li{
	font-size:1.2em;
	margin-top:1em;
	color:grey;
}
.menu_icon {position:absolute; right:2em; top:0.6em; color:grey; font-size:1.3em; font-weight:bold;}
/*.burger:hover .nav{display:inline-block;}*/

/*.snap-container {
    width: 100vw;
    height: 100vh;
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
}

.snap-child {
	padding-top:5em;
    width: 100%;
    scroll-snap-align: start;

}*/

.type_thumbnail{
	width:100%;
	height:15vh;
	margin-bottom:1vh;
	display:inline-block;
}

.work_info{width:90vw; padding-bottom:1em; margin:auto; text-align:justify;}

.contact_content{width:100%; display:block; color:grey; margin:0 auto 3.5em auto; text-align:center;}
.social_media_icon{width:20%;}

.GalleryItem{height:200px; width:300px; margin:auto; padding-top:1em; display:inline-block; }
.Pub_GalleryItem{height:60vh; width:80vw; margin:auto; padding-top:30px; display:inline-block; }
.Pub_GalleryItem img{width:100%; height:100%; object-fit:contain;}
.Pub_GalleryItemDouble{height:auto; width:90vw; margin:auto; padding-top:1em; display:inline-block; }
.Pub_GalleryItemDouble img{width:100%; height:100%; object-fit:contain;}

.fit{height:100%; width:100%; margin:auto; text-align:center; display:block; object-fit:cover; opacity:0.2;}
.type_title{height:100%; display:inline-block; margin-top:-10vh; vertical-align: middle; font-size:2em; color:white;}
.nav li a{color:grey;}
.nav li a:hover{color:orange;}
.orange_line{width:80vw;height:0.05em; background:orange; border-radius:0.1em; margin:1em auto 0 auto;}
.grey_link{color:#3c3b3b;}.grey_link:hover{color:orange;}
.active{color:orange;}
.bold{font-weight:bold;}
.bottom_icons{width:60%; margin-left:20%; padding-top:1em;}
.bottom_icons2{width:80%; margin-left:10%; padding-top:1em;}
.clear-fix{clear:both;}
.botmaDesigns{font-family:Montserrat;margin:2em; text-align:right;}
.botmaDesigns a {color:purple;}
.botmaDesigns a:hover{color:orange;}

#wrap{width:100%; height:80vh; margin:0;padding:0; text-align:center; margin:0 auto 0 auto; background-position:center;}
#bio{margin:auto; padding:2em 0; width:90vw; text-align:justify;}