* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	letter-spacing:0;
	line-height:1.2;
	font-family: 'Frank Ruhl Libre', serif;
}

body {
	background: url(../_img/bg.jpg);
    
}

#wrapper {
	height:auto;
	width:100%;
	display: flex;
    align-items: center;
    justify-content: center;
    position:relative;

}

#card {
	position:relative;
	margin:12px;
	padding:55px 22px;
	display:block;
	max-width:800px;
	text-align:center;
	background:#FFFFFF;
	box-shadow:0 0 4px rgba(0,0,0,.08)
}

@media only screen and (min-width: 375px) {
	#wrapper {
		height: 100vh;
  		height: calc(var(--vh, 1vh) * 100);
	}

	#card {
		margin:0 5% 0;
	}
}

@media only screen and (min-width: 475px) {

	#card {
		padding:44px;
	}
}

@media only screen and (min-width: 768px) {
	#card {
		margin:0 15% 0;
	}
}

#aaron-glick {
	font-size: 44px;
	text-align:center;
	font-weight:normal;
}

#title {
	font-size:16px;
	letter-spacing:3px;
	margin:0 auto 22px;
	text-align:center;
	text-transform:uppercase;
	font-weight:normal;
}

a.contact {
	font-size:16px;
	line-height:1.3;
	display:inline-block;
	text-decoration:none;
	color:#000000;
	margin:12px 12px 0px;
	text-align:center;
	vertical-align: top;
}

p {
	font-size:14px;
	line-height:1.4;
	display:block;
	text-align:justify;
	margin:27px auto 22px;
}

@media only screen and (min-width: 475px) {
	p {
		font-size:16px;
	}
}

.clear {
	clear:both;
}