@media screen and (max-width: 640px){
	.topnav a{
		float: none;
		width:80vw;
		font-size: 3.5vw;
		margin-left: auto;
		margin-bottom: 2vh;
	}

	.home{
		height: auto;
		margin-top: 13vh;
		text-align: center;
	}

	.home h1{
		object-fit: cover; 
		margin-top: 0;
		margin-bottom: 0;
	}

	.whoami{
		line-height: 1.2;
		height: auto;
		margin-top: 40vh;
	}

	.whoami h3{
		width: 80vw;
		margin: 0 auto;
		text-align: justify-all;
		font-size: 3vw;	
	}

	.textBold{
		font-size: 3vw;
		font-weight: 900;
	}

	.qualities{
		width: 80vw;
		padding: 0 0;
		margin:0 auto;
	}

	.description{
		height: auto;
		width: 80vw;
		margin:0 1vw;
		text-align: left;
	}

	.description h2{
		text-align: center;
	}

	th{
		text-align: center;
	}

	td{
		vertical-align: top;
	}
}