/** {
	margin: 0;
	padding: 0;
}*/

/* COLORS

MAIN #363670 ou #302f67
DARKER #282846

 */

html,
body {
	width: 100%;
	position: relative;
	overflow-x: hidden;
}

.gradient {
	width: 100%;
	height: 100%;

	position: fixed;

	background: #363670;
	background: radial-gradient(circle at center, #484896, #363670);/* #444494 */
}

.cover {
	width: 100%;
	height: 100%;

	position: fixed;

	background-size: cover;
	background-position: center;

	/*filter: blur(5px);*/
	opacity: 0;

	transition: all 300ms ease-in-out;
}

.grain {
	width: 125%;
	height: 125%;

	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

	position: fixed;

	background-image: url(../images/grain.png);
	background-repeat: repeat;
	background-size: 100px;

	opacity: 1;
	pointer-events: none;
}

.wrap {
	width: 100%;
}

.content {
	width: 100%;

	transform-origin: top center;
}

.spacer {
	width: 100%;
	min-height: 520px;
}

.grid2020 {
	width: 100%;
	min-height: 1040px;

	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;

	margin: 0 auto 40px auto;
}

.grid2020-item {
	/*width: 200px;*/
	/*height: 200px;*/

	position: absolute;

	background-position: center;
	/*background-size: 200px;*/
	transition: background-size 300ms ease-out;

	box-shadow: 0px 0px 10px 0px rgba(40, 40, 70, 1);

	cursor: pointer;
}

/*.grid-item.TL {
	transform: translate(-300px, -150px);
}
.grid-item.TR {
	transform: translate(250px, -100px);
}
.grid-item.BL {
	transform: translate(-250px, 150px);
}
.grid-item.BR {
	transform: translate(300px, 150px);
}
.grid-item.T {
	transform: translate(0px, -200px);
}
.grid-item.B {
	transform: translate(0px, 200px);
}
.grid-item.L {
	transform: translate(-200px, 0px);
}
.grid-item.R {
	transform: translate(200px, 0px);
}*/