@font-face {
font-family: GT-Walsheim-Regular;
src: url(GT-Walsheim-Regular.woff);
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: GT-Walsheim-Regular;
src: url(GT-Walsheim-Regular-Oblique.woff);
font-weight: normal;
font-style: italic;
}

html,body{
    overflow-x: hidden;
}

body {
	font-family: GT-Walsheim-Regular;
	font-size: 2.7em;
	background-color: white;
	color: purple;
	padding-left: 20px;
	padding-right: 20px;
	max-width: 2000px;
	line-height: 1.3;
}

footer {
  display: none;
}

.yellow {
	background: purple;
	color: purple;
}

.blue {
	background: purple;
	color: white;
}


.red {
	background: purple;
	color: purple;
}


a {
	text-decoration: none;
	border-bottom: 3px solid purple;
	color: purple;
}

a:hover {
	background-color: purple;
	color: white;
	border-bottom: 3px solid purple;
}

/*------------ CONTENT -----------*/

div {
	width: 100%;
	float: left;
	display: block;
	position: relative;
	font-size: .95em;
	padding-top: 10px;
	padding-bottom: 20px;
}

#container {
	margin-top: 10px;
}

img {
	width: 100%;
	padding-top: 0px;
}

#push {
	display: block;
	margin-top: 40px;
}

#download, #reading {
	font-size: .65em;
	line-height: 1.5;
}

#small {
font-size: .4em;
letter-spacing: .5px;
margin-top: 0px;
padding-top: 0px;
}

#reading {
	margin-top: -50px;
}

#contact {
	margin-top: 20px;
}


/*------------ MOBILE -----------*/

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {


body {
	font-size: 4.4em;
	line-height: 1.3;
	padding-left: 10px;
	padding-right:10px;
	background-color: white;
}

div {
	padding-top: 20px;
	padding-bottom: 20px;
}

#container {
	margin-top: 20px;
}

#reading {
	margin-top: -30px;
}

}