.mobile{display: none}

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

	.mobile{display: flex}

	.project{
    	flex-direction: column!important;
    }

    .intro{
	box-sizing: border-box;
	padding: 1rem;

	font-size: 1.6em;
	margin:0;
	width: 100%;
}

.outro{
	flex-wrap: wrap;
}

.outro>*:nth-child(2) p{
text-align:left; 
white-space: nowrap;
}

.expoImage p{
	display: none;
}

.outro{
	margin:0;
}

.desktop{
	display: none;
}

#menu{
	display: block!important;
	padding: 1em;
	box-sizing: border-box;

	opacity: 0;
	pointer-events: none;

	transition: 0.2s;
}

#menu * {
	display: block!important;
}

#menu ul{
	list-style: none;
	margin:0;
	padding: 0;

	margin-top: 20%;
}

#menu ul li a{
	font-size: 1.6rem;
	text-decoration: none;
	color: inherit;
}

nav ul li{
	text-align: right;
	width: 100%;
}

.twoCol{
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
}

.noMob{display: none}

.pIntro{
	margin-top: 0!important;
}

.list{
	flex-wrap: wrap;
}
.thumb{
    flex: 0 1 100%;}
 .more{
 	flex: 1 1 44%!important
 }

 .shortname{
 	font-size: 14px;
 }

 .picWrap{
 	height: 100vw!important;
width: 100%!important;
 }

 .album{
 	flex-direction: column;
 }

 .send{
 	position: relative!important;

margin: 0rem!important;

 }

 .moore{
 	flex-wrap: wrap!important;
 }




}