/* 'Creation' being the last element in the nav bar at the moment, as a function of screen size, nav bar content disappearance and reappearance dynamics is different from Others*/
/*------------------ Start of section to change nav bar contents based on screen size and page ------------------*/ 
@media screen {
	.dropnav {display:none;} 
	.navv1, .navv2, .navv3, .navv4, .navv5 {display:none;}
}
@media screen and (max-width:426px) {
	.navh5 {display:none;}
	.navv5 {display:inline-block;}
}
@media screen and (max-width:626px) {
	.navh1 {display:none;}
	.navv1 {display:inline-block;}
} 
@media screen and (max-width:826px) {
	.navh2 {display:none;}
	.navv2 {display:inline-block;}
} 
@media screen and (max-width:1026px) {
	.navh4, .navh3 {display:none;}
	.dropnav {display:block;}
	.navv4, .navv3 {display:inline-block;}
} 
/*------------------ End of section to change nav bar contents based on screen size and page -------------------*/ 
@media screen {
	#ycreate1 { display:block;}
	#ycreate2 { display:none; } 
	.friends {max-width:700px; width:80%; float:right;}
}
@media screen and (orientation: portrait) {
	.friends {width:60%;}
}
@media screen and (max-width: 600px) {
	#ycreate1 {display:none;}
	#ycreate2 {display:inline;}