html, body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 0px; 
	height: 100%;
} 
.grid {
	width: 100%; 
	margin-top: 6.25%; 
	padding-bottom: 6.25%; 
	padding-bottom: 0; 
}
.grid img {
	width: 25%;
	margin: 3.125%;
	margin-top: 2.08333333333334%;
	margin-bottom: 2.08333333333334%;
	vertical-align: middle;
}
a {
    outline: none;
}
.text {
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	font-family: Times;
	font-size: 30px; 
	letter-spacing: 1px;
	color: white;
}
.bg {
	background-image: url("images/Scan112900.jpg");
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.image {
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
}
.image img {
	max-height: 80vh;
	max-width: 87.5%;
}
#portrait img {
	max-height: 87.5vh;
}
.tin-images {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
@media only screen and (orientation: landscape) {
	.tin1 {
		display: table;
		height: 100vh;
		width: 100%;
	}
	.tin1 img {
		max-width: 26.3157894736842%;
		margin: 7.89473684210526%;
	}
	.tin2 {
		display: none;
	}
}
@media only screen and (orientation: portrait) {
	.text {
		letter-spacing: 0px;
	}
	.tin2 {
		display: table;
		height: 100vh;
		width: 100%;
	}
	.tin2 img {
		max-width: 87.5%;
		max-height: 87.5vh;
	}
	.tin1 {
		display: none;
	}
}