article
{
	padding: 2vh;
}
#main img
{
	border: 0.2vh solid;
	border-color: #8b8ba7;
	box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.2)
}
.image-small
{
	margin-left: 40%;
	margin-right: 40%;
	width: 20%;
}
.image-small-col
{
	margin: 1vw;
	width: 15vw;
	vertical-align: middle;
	display: inline-block;
}
.image-small-colb
{
	margin: 1vw;
	width: 15vw;
	vertical-align: middle;
	display: inline-block;
}
.image-med-col
{
	margin: 1vw;
	width: 20vw;
	vertical-align: middle;
	display: inline-block;
}
.image-large-col
{
	margin: 1vw;
	width: 30vw;
	vertical-align: middle;
	display: inline-block;
}
.image-med
{
	margin-left: 32.5%;
	margin-right: 32.5%;
	width: 35%;
}
.image-large
{
	margin-left: 25%;
	margin-right: 25%;
	width: 50%;
}
.image-wide
{
	margin-left: 15%;
	margin-right: 15%;
	width: 70%;
}
.image-collection
{
	text-align: center;
	position: relative;
}
.image-collection-two
{
	text-align: center;
	position: relative;
}
.image-collection-three
{
	text-align: center;
	position: relative;
}
.video
{
	margin-left: 25%;
	margin-right: 25%;
	width: 50%;
	height: 22.5vw;
}

@media (max-width: 75vh)
{
	.image-small
	{
		margin-left: 25%;
		margin-right: 25%;
		width: 50%;
	}
	.image-med
	{
		margin-left: 10%;
		margin-right: 10%;
		width: 80%;
	}
	.image-large
	{
		margin-left: 2.5%;
		margin-right: 2.5%;
		width: 95%;
	}
	.image-wide
	{
		margin-left: 5%;
		margin-right: 5%;
		width: 90%;
	}
	.writing
	{
		text-align: justify;
		line-height: 1.6;
		margin-left: 10%;
		margin-right: 10%;
		padding: 1vh;
	}
	.video
	{
		margin-left: 10%;
		margin-right: 10%;
		width: 80%;
		height: 45vw;
	}
	.image-small-col
	{
		margin: 1vw;
		width: 30vw;
	}
	.image-small-colb
	{
		margin: 1vw;
		width: 80vw;
	}
	.image-med-col
	{
		margin: 1vw;
		width: 80vw;
	}
	.image-large-col
	{
		margin: 1vw;
		width: 80vw;
	}

}