body {
	font-family: Arial, sans-serif;
	margin-left:30%;
	margin-right:30%;				
	margin-top:5vh;
}


	#welcome {
	float:right;
	text-align: right;
	font-size: 32px;
	margin-top: -125px;
	}

	#welcometext {								
	margin-bottom: 20px;
	}

	a, a:visited, a:active {
	color: black;
	text-decoration: none;
	font-weight:700;
	}
	a:hover {
	color: #ccc;
	}
	
	.flex-container {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
	}

	.flex-item-left {
		flex: 50%;
	}

	.flex-item-right {
	flex: 50%;
	}
	
	.grey-background {
	background-color: #CCCCCC;
	padding: 20px;				
	text-align: right;
	}

	.pic {
	padding-bottom: 20px;
	width:100%;
	}

@media(max-width:500px){


	body {			
		
		margin-left:3%;
		margin-right:3%;				
		margin-top:1vh;
	}

	.flex-item-right, .flex-item-left {
		flex: 100%;
		flex-direction: column;
	}

	#welcome {				
		float: initial;
		text-align: left;
		font-size: 32px;
		margin-top: 10px;
	}

}