body {
    margin: 0;
    padding: 0;
    color: #33363a;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100vw;    
	background: url(./bg.jpg) no-repeat center;
	background-size: cover;
	font-family: 'Outfit', 'Helvetica Neue', Verdana, Tahoma, sans-serif;
}

.container {
    width: 91%;
    max-width: 68rem;
    margin: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

h1 {
	font-weight:300;
    font-size: 4.2rem;
    margin-bottom: 0px;
}
h2 {
	font-weight:300;
    font-size: 2.5rem;
	color: #777;
    margin-bottom: 3rem;
	width: 52rem;
	text-align: center;
	align-content: center;
}

a {
	font-size: 2.5rem;
    text-decoration: none;
    color: rgb(240,240,240);
	align-content: center;
}

p {
	text-align:center;
}

.tile {
    width: 100%;
    background-color: #fff;
    margin: 1rem;
    border-radius: 0.6rem;
	color:#333;
	padding: 6px 0 6px 0;
	box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1);
}
.tile:last-child {
	margin-bottom:8rem;
}

.tile:hover {
    transition: cubic-bezier(.07, 2.21, .82, 1.41) 0.2s;
    transform: scale(1.03);
}

.image-container {
    height: 16rem;
    width: 16rem;
    border-radius: 8rem;
    overflow: hidden;
	margin-top:6rem;
}

.image-container img {
    height: 100%;
}

@media only screen and (min-width:1023px) {
	body{
		margin-top:-38rem;
		margin-bottom:-38rem;
		-webkit-transform: scale(0.5);
		   -moz-transform: scale(0.5);
				transform: scale(0.5);
	}
}