/* large devices, laptop, desktop */
@media (min-width: 1025px)
{
	.fa-collegeLogo
	{
		margin-top: 50px;
		margin-bottom: 50px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 50%;
	}
	/* to put all the icons in one line */
	.gallery
	{
		width: 85%;
		height: inherit;
		display: flex;
		margin: auto;
		margin-top: 100px;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	/* set individual icons */
	.photo
	{
		width: auto;
		height: auto;
		max-width: 200px;
		max-height: 200px;
	}
	.iconcontainer
	{
		position: relative;
	}
	.fa-pageFooter
	{
		margin-top: 300px;
	}
}

/* ipad mini and similar devices */
@media (min-width: 768px) and (max-width: 1024px)
{
	.fa-collegeLogo
	{
		margin-top: 50px;
		margin-bottom: 50px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 75%;
	}
	/* to put all the icons in one line */
	.gallery
	{
		width: 85%;
		height: inherit;
		display: flex;
		margin: auto;
		margin-top: 100px;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	/* set individual icons */
	.photo
	{
		width: auto;
		height: auto;
		max-width: 200px;
		max-height: 200px;
	}
	.iconcontainer
	{
		position: relative;
	}
	.fa-pageFooter
	{
		margin-top: 300px;
	}
}

/* mobile devices */
@media (max-width: 767px)
{
	.fa-collegeLogo
	{
		margin-top: 50px;
		margin-bottom: 50px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 80%;
	}
	/* to put all the icons in one line */
	.gallery
	{
		/* this will keep photos in center of screen */
		width: 50%;
		height: inherit;
		display: flex;
		margin: auto;
		margin-top: 100px;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	/* set individual icons */
	.photo
	{
		width: auto;
		height: auto;
		max-width: 200px;
		max-height: 200px;
		/* this will keep gap between photos */
		padding-top: 20px;
	}
	.iconcontainer
	{
		position: relative;
	}
	.fa-pageFooter
	{
		margin-top: 300px;
	}
}