@media screen and (min-width: 0px) and (max-width: 719px) {
	.main-menu{
		display: none;
	}
	.main-menu--mobile{
		background: #FFFFFF;
		box-shadow: inset 0 1px 0 0 #F5F5F5;
	}
	.scrollyeah > .scrollyeah__wrap > .scrollyeah__shaft {
		padding-left: 32px;
	}
	.scrollyeah > .scrollyeah__wrap > .scrollyeah__shaft > li {
		float: left;
		padding: 7px 16px 9px 0;
		font-size: 14px;
		color: #1D1D1D;
		line-height: 15px;
	}
	.scrollyeah > .scrollyeah__wrap > .scrollyeah__shaft > li > a{
		font-size: 16px;
		color: #0088CC;
		text-align: left;
		line-height: 24px;
		border:none;
	}
}
@media screen and (min-width: 720px) {
	.main-menu--mobile{
		display: none;
	}
	.main-menu{
		display: none;
		box-sizing: border-box;
		position: fixed;
		top: 0;
		left: 0;
		width: 250px;
		height: 100%;
		-moz-box-shadow:  0px 3px 3px 0px rgba(0,0,0,0.16), 0px 3px 3px 0px rgba(0,0,0,0.23);
		box-shadow:       0px 3px 3px 0px rgba(0,0,0,0.16), 0px 3px 3px 0px rgba(0,0,0,0.23);
		z-index: 50;
	}
	.main-nav{
		box-sizing: border-box;
		padding: 15px;
	}
	.main-nav li{
		font-family: Helvetica;
		font-size: 14px;
		padding: 5px 0 5px 15px;
		color: #0277BB;
		line-height: 20px;
	}
	.main-nav li:last-child{
		float: right;
		margin: 0 19px 0 0;
	}
	.main-nav a{
		color: #0277BB;
		border: none;
	}
	.main-nav a:hover{
		color: rgb(187, 51, 0);
		border: none;
	}
	.main-nav a.current,
	.main-nav a.current:hover{
		color: #111;
		border: none;
	}
	.main-menu-footer{
		box-sizing: border-box;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 15px 15px 0;
		background: rgba(255,255,255, .7);
	}
	.main-menu-footer p{
		font-size: 11px;
		color: #9B9B9B;
	}
	
}
@media screen and (min-width: 721px) {
	.main-menu{
		display: block;
		box-sizing: border-box;
		position: relative;
		width: 100%;
		margin: 0 auto;
		padding: 10px 30px 15px;
		z-index: 50;
		border-top: 1px solid #f5f5f5;
		-moz-box-shadow:    none;
		box-shadow:         none;
	}
	.main-nav{
		padding: 0;
	}
	.main-nav:before,
	.main-nav:after {
		content: "";
		clear: both;
		display: table;
	}
	.main-nav li{
		float: left;
		margin: 0 45px 0 0;
		padding: 0;
	}
	.main-nav li:last-child{
		float: right;
		margin: 0 19px 0 0;
	}
	.main-nav a{
		color: #0277BB;
		border-bottom: 1px solid rgba(0, 136, 204, .4);
	}
	.main-nav a:hover{
		color: rgb(187, 51, 0);
		border-bottom: 1px solid rgba(204, 0, 0, .4);
	}
	.main-nav a.current,
	.main-nav a.current:hover{
		color: #111;
		border: none;
	}
	.main-menu-footer{
		display: none;
	}

	
}