/*
 :::  Reset
-------------------------------------------------- */
html {
	box-sizing: border-box;
	overflow-y: -moz-scrollbars-vertical;
	overflow-y: scroll;
}
*, *::before, *::after {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	box-sizing: inherit;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, main, nav, section, subhead, summary {
	display: block;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*-------------------------------------------------- */


body {
    margin: 0;
    font-family: ff-real-text-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 150%;
    color: #000;
    background: #FAFAF8;
}

.main-section {
	background: #fff;
    box-shadow: 0 3px 15px rgba(0,0,0,.1);
    padding: 60px;
    width: 560px;
	max-width: 90%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

h1 {
    font-weight: 900;
    font-style: normal;
    line-height: 100%;
    font-family: freight-display-pro, serif;
    font-weight: 700;
    font-style: normal;
    font-size: 40px;
    margin-bottom: 15px;
}

h2 {}

.wrapper {
	position: relative;
	height: 100vh;
}

ul {
	border-top: 2px solid #FAFAF8;
	border-bottom: 2px solid #FAFAF8;
	padding: 15px 0;
	margin: 15px 0;
	font-weight: 700;
}

li {
	margin-left: 20px;
	margin-bottom: 3px;
}


a {
	color: #00A7FF;
}


@media only screen and (max-width: 1024px) {

h1 { font-size: 30px; }

body { font-size: 14px; }


}