*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }

body {
	margin: 0;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight: 400;
	padding-top: 70px!important;
}

/* HEADER */
header {
	width: 100%;
	height: 70px;
	background: #fff;	
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20;
}

	header:after {
		display: block;
	    content: '';   
	    background: rgba(0,0,0,.25);
	    position: absolute;
	    left: 0;
	    bottom: -4px;
		height: 4px;
	    width: 100%;
	}


	header .top-logo {
	    float: left;
	    width: 130px;
	    height: 70px;
	    display: inline-block;
	    background: url(../img/nav/logo-nintendo-ny.svg) center center no-repeat;
		background-size: contain;
		margin-right: 1rem;
	}

	header h1 {
		white-space: nowrap;
		text-indent: -9999px;
		margin: 0;
	}
	
		header ul {
			list-style: none;
			height: 100%;
			margin: 0;
		}

			header ul li {
				display: block;
			    float: left;
			    height: 70px;
			    padding: 0;
			    position: relative;
			    white-space: nowrap;
			}

				header ul li a {
				    color: #ee1010;
				    height: 70px;
				    display: block;
				    line-height: 70px;
				    text-decoration: none;
				    padding: 0 1rem;
					transition: background .3s, color .3s;
				}
	
				header ul li a.active,
				header ul li a:hover {
					color: #fff;
					background: #ee1010;
				}

	@media screen and (max-width: 990px) {
		header .top-logo {
			width: 100px;
		}
		header ul li a {
			font-size: .9rem;
			padding: 0 .6rem;
		}

	}

	@media screen and (min-width: 769px) {
		.social-links-container {
		    position: relative;
		    width: 110px;
		    height: 70px;
		    margin-left: .5rem;
		}
			header ul li .social-links-container .instagram-link,
			header ul li .social-links-container .twitter-link,
			header ul li .social-links-container .facebook-link {
			    background: url(../img/nav/social-icons.jpg) -30px center no-repeat;
			    background-size: 90px auto;
			    width: 30px;
			    height: 30px;
			    padding: 0;
			    white-space: nowrap;
			    text-indent: -9999px;
			    display: inline-block;
			    position: relative;
			    margin: 20px 10px 0 0;
			}
			header ul li .social-links-container .instagram-link {
				background-position: left;
			}
			header ul li .social-links-container .facebook-link {
				background-position: right;
			}			
	}
	@media screen and (max-width: 768px) {
		header {
			height: initial;
		}
		
			header .wrapper {
				max-width: 100%;
			}
		
			header .top-logo {
				float: none;
			    margin: 0 auto;
			    display: block;
			}
			
			header .menu-toggle {
				position: absolute;
				right: 30px;
				top: 20px;
				width: 45px;
				height: 35px;
				cursor: pointer;
			}
			
				header .menu-toggle .menu-stripe {
					position: absolute;
					left: 5px;
					width: 35px;
					height: 5px;
					background: #ed1c24;
				}
				
				header .menu-toggle .menu-stripe:nth-child(1) {
					top: 5px;
				}
				
				header .menu-toggle .menu-stripe:nth-child(2) {
					top: 15px;
				}
				
				header .menu-toggle .menu-stripe:nth-child(3) {
					top: 25px;
				}
								
			
			header ul {
				display: none;
				padding: 0;
			}
			
				header ul.active {
					display: block;
				}
		
			header ul li {
				float: none;
				height: 50px;
			}
		
				header ul li a {
					border-top: solid 1px #ee1010;
					font-size: 1.3rem;
					background: #fff;
					height: 50px;
					line-height: 50px;
					font-weight: 300;
				}
		
			header ul li.social-section {
				border-top: solid 1px #ee1010;
			    padding: 10px 0;
			    font-size: .8rem;
			    height: initial;
			    text-align: center;
			    color: #ee1010;
			}
			
				header ul li.social-section a {
					border-top: none;
				    height: initial;
				    display: inline-block;
				    padding: 0;
				    width: 33%;  
				    text-align: center;
				    line-height: initial;
				}
			
					header ul li.social-section a:hover {
						background: #fff;
						color: #ee1010;
					}
			
					header ul li.social-section a .icon {
						background-image: url(../img/nav/social-icons.jpg);
					    background-repeat: no-repeat;
					    background-size: 126px 43px;
						background-position-x: 1px;
						background-position-y: 0;
					    height: 43px;
					    width: 43px;
					    margin: 0 auto 3px;
					}
			
				header ul li.social-section a.twitter-link .icon {
				    background-position-x: -42px;
				}
				
				header ul li.social-section a.facebook-link .icon {
					background-position-x: -85px;
				}
		
	}

/* FOOTER */
footer {
	background: #a7a7a7;
	color: #fff;
	padding: 2rem 0;
	text-align: center;
}

	footer .wrapper {
		position: relative;
	}

	.not-in-nyc {
		font-size: 1.8rem;
	    font-family: "Luckiest Guy";
	    text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.6);
	    transform: rotate(-3deg);
	    display: inline-block;
		margin-bottom: 1rem;
	}
	
	.footer-block {
		text-align: center;
		font-weight: 300;
	}

		.footer-block a img {
			position: relative;
			display: block;
		    top: 0;
		    left: 0;
			transition: all .2s;
			margin: 0 auto;
			-webkit-box-shadow: 7px 7px rgba(0,0,0,.55);
				-moz-box-shadow: 7px 7px rgba(0,0,0,.55);
				box-shadow: 7px 7px rgba(0,0,0,.55);
		}
	
		.footer-block a:hover img {
			left: 5px;
			top: 5px;
			-webkit-box-shadow: 2px 2px rgba(0,0,0,.55);
				-moz-box-shadow: 2px 2px rgba(0,0,0,.55);
				box-shadow: 2px 2px rgba(0,0,0,.55);
		}
	
	.footer-links {
		position: relative;
	}
	
	.footer-links a {
		color: #fff;
		font-family: "Luckiest Guy";
		letter-spacing: 1px;
	}
	
	.privacy-notice {
		position: absolute;
	    bottom: -30px;
	    right: 0;
	}
	
		@media screen and (min-width: 769px) {
			.footer-links {
				text-align: center;
			}
				.footer-links a {
				    margin: 0 1em;
				}
		}
		
		@media screen and (max-width: 768px) {
			.footer-links a {
				display: block;
				margin-bottom: 1rem;
			}
		}
		@media screen and (max-width: 570px) {
			footer {
				text-align: center;
			}
			
				.footer-block {
					margin-bottom: 2rem;
				}
			
				.privacy-notice {
					position: relative;
				    bottom: initial;
				    right: initial;
				    display: inline-block;
				    margin: 20px auto 0 15px;
				}
		}
		
/*  TOASTER  */
@media screen and (max-width: 768px) {
	a.back-to-top {
		background: rgba(37, 118, 188, 1);
		opacity: 0;
		border: 1px solid #fff;
		border-radius: 2px;
		box-shadow: 0 0 3px rgba(0,0,0,.5);
		bottom: 40px;
		-webkit-transform: translate3d(0, 0, 0px);
		display: block;
		height: 35px;
		width: 35px;
		overflow: hidden;
		position: fixed;
		right: 10px;
		text-indent: -99999em;
		text-decoration: none;

		z-index: 100;

		opacity: 0;


		-webkit-transition: opacity .4s ease-in-out;
		   -moz-transition: opacity .4s ease-in-out;
			-ms-transition: opacity .4s ease-in-out;
			 -o-transition: opacity .4s ease-in-out;
				transition: opacity .4s ease-in-out;
	}

		a.back-to-top:before {
			color: #fff;
		    content: "\002191";
		    display: block;
		    font-size: 20px;
		    height: 100%;
		    line-height: 27px;
		    text-align: center;
		    text-indent: 0;
		    width: 100%;
		}


		a.back-to-top.is-on {
			opacity: .7;
		}

		a.back-to-top.is-off {
			opacity: 0;
		}

		a.back-to-top.is-inactive {
			opacity: .2;
		}

		a.back-to-top.is-hidden {
			right: 999px;
		}	
}