* { box-sizing: border-box;}
body {
	margin: 0;
	color: #061225;
	font: 1rem/1.5 'Times New Roman font', Georgia, serif;
	background: #FEFEFE;
}
header {
	height: 100vh;
	background:url('../img/trufitt.webp') no-repeat 65%/cover;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
nav, footer {
	width: 100%;
	background: #061225;
	text-align: center;
	padding: 1em 0;
}
#logo {
	height: 12vh;
}
#title { text-align: center;}
main { text-align: center; padding: 3rem}
.container { max-width: 1070px; margin: auto}

h1, h2, h3, h4 {
	font: normal 1em ProximaNova, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 5px;
	color: #FFF;
	text-shadow: 2px 2px 3px #1a231e;
}
h1 { font-size: 2.6rem; }
h2 { font-size: 1.2rem; }
h3 { 
	font-size: 1.1rem; 
	text-shadow: none;
	color: #AAA;
	margin: 1em 0 0.3em 0;
	padding: 1rem
}
h4 { 
	font-size: 1rem; 
	text-shadow: none;
	color: #999;
	margin: 2em 0 0.5em 0;
}
.col { padding: 20px}
p {
	padding: 0;
	margin: 0
}
.icon {
	width: 1rem;
	vertical-align: middle;
}
a {
	color: #061225;
	font: 16px ff-tisa-web-pro,georgia,serif;
	text-decoration: none;
}
a:hover {
	color: #A3925F;
	font: 16px ff-tisa-web-pro,georgia,serif;
	text-decoration: underline;
}
#gift {
	height: 300px
}

@media only screen and (min-width: 768px) {
	.row {
		display: flex;
		justify-content: space-between;
	}
	
}