/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
	font-size: 62.5%; 
}

body {
	width: 100%;
	height: 100%;
	font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
	overflow-x: hidden;
}

video {
	width: 100%;
	height: auto;
	display: block;
}

img {
	display: block;
	width: 100%;
}

.fixed {
	overflow: hidden;
}

@media (min-width: 768px) {
	.flex-center {
		display: flex;
		flex-direction: column;
		justify-content: center;
		overflow: auto;
	}
}

@media (min-height: 480px) {
	.flex-center {
		display: flex;
		flex-direction: column;
		justify-content: center;
		overflow: auto;
	}
}