@font-face {
	font-family: 'Avenir';
	src: url('../fonts/Avenir-Book.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap
}
@font-face {
	font-family: 'Avenir-Black';
	src: url('../fonts/Avenir-Black.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap
}
.spacer-text {
    padding-bottom: 20%;
}

/*
	General styles
*/
body {
	/* font-family: "Source Sans Pro", Arial, sans-serif; */
	/* background-color: #c7e1ff; */
	font-size: 13px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
body, html {
	height: 100%;
	margin: 0;
	font-family: 'Avenir',sans-serif;
}

h1, h2, h3, h4 {
	/* font-family: "Josefin Slab", serif; */
	font-family: 'Avenir-Black',sans-serif;
}
h1 {
	font-style: italic;
	font-weight: bold;
	font-size: 40px;
}
h2 {
	font-size: 20px;
}

a:hover {
	text-decoration: underline;
}
.touchonly {
	display: none;
}
html.touch .touchonly {
	display: block;
}
.noselect, .noselect * {
	user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
}
.doselect, .doselect *:not(.noselect) {
	user-select: text;
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-o-user-select: text;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}