/* text */
html{
	font-size:16px;
}
body{
	font-size:1em;
	font-family: 'Walkway-SemiBold';  	
  	color: #555;
}
.text{
    text-transform:uppercase;
	font-size:1.5em;
}
@media (min-width: 500px){
	.text{
		font-size:1.625em;
	}
}
@media (min-width: 1440px){
	.text{
		font-size:1.75em;
	}
}
@media (min-width: 1920px){
	.text{
		font-size:2em;
	}
}
.toggle{
	font-size:1.438em;
	cursor:pointer;
}



/* layout */

.block{
	position:absolute;
	width:100%;
}
#header{
	z-index:5;
	top:42%;
	top:calc(50% - 36px);
}
.masthead{
	opacity:0;
	cursor:pointer;
	width:240px;
	margin:auto;
	display:block;
	padding-left:16px;
}
#main{
	top:42%;
	top:calc(50% - 36px);
}
@media (min-width: 500px){
	#header{
		top:calc(50% - 45px);
	}
	.masthead{
		width:300px;
		padding-left:22px;
	}
	#main{
		top:calc(50% - 45px);
	}
}
@media (min-width: 1920px){
	#header{
		top:calc(50% - 54px);
	}
	.masthead{
		width:358px;
		padding-left:25px;
	}
	#main{
		top:calc(50% - 54px);
	}
}
#footer{
	text-align:center;
	bottom:0em;
	height:4.5em;
	overflow:hidden;
}


/* navigation */

.nav{
	margin:0;
	padding-top:4.5em;
}
.nav__item{
	display:inline-block;
}
.nav__link{
	color:#000;
	text-decoration:none;
	display:block;
	line-height:2.5;
}


/* ticker */

.ticker-wrap {
	opacity:0;
	position: fixed;
	width: 100%;
	overflow: hidden;
	height: 72px;
	padding-left: 0%;
}
.ticker {
	display: inline-block;
	height: 36px;
	line-height: 72px;
	white-space: nowrap;
	padding-right: 0%;
}
@media (min-width: 500px){
	.ticker-wrap {
		height: 90px;
	}
	.ticker {
		height: 90px;
		line-height: 90px;
	}
}
@media (min-width: 1920px){
	.ticker-wrap {
		height: 108px;
	}
	.ticker {
		height: 108px;
		line-height: 108px;
	}
}
.ticker__item {
	display: inline-block;
}