body {
	background: #cc0019;
	color: #fceeb8;
	font-family: 'BioRhyme', serif;
}

a {
	color: #fff;
}

a:hover,
a:focus {
	color: #fceeb8;
}

.codrops-header {
	background: none;
}

.codrops-header__tagline,
.codrops-demos,
.content__description,
.content__meta {
	font-family: 'Roboto Condensed', sans-serif;
}

.content__description2 {
	font-family: 'BioRhyme', serif,color: #fceeb8;
	font-size: 25px;
}

.content_extra_bigger {font-family: 'Roboto Condensed', sans-serif;

	overflow:auto;
	margin: 10% 10% 10% 10%;
	width:80%;
	height:100%;
}

.content_extra {font-family: 'Roboto Condensed', sans-serif;

	overflow:auto;
	margin: 15% 10% 10% 10%;
	width:80%;
	height:80%;
	
}

.content_extra2 {font-family: 'Roboto Condensed', sans-serif;

	overflow:auto;
	margin: 15% 10% 0% 10%;
	width:80%;
	font-size: 20px;
}

.content_extra3 {font-family: 'Roboto Condensed', sans-serif;

	overflow:auto;
	margin: 0% 15% 15% 15%;
	width:80%;
}

.codrops-demos a.current-demo {
	color: #fceeb8;
}

.calendar {
	-webkit-perspective: 2500px;
	perspective: 2500px;
}:

.cube__side,
.no-js .cube {
	border: 3px solid #fff;
	outline: 1px solid #fff;
	background: #f0f0f0 url(../img/fis24.png) no-repeat center center;
}

.cube:not(.cube--inactive):nth-child(1n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(1n) {
	background-image: url(../img/fis1.png);
}

.cube:not(.cube--inactive):nth-child(2n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(2n) {
	background-image: url(../img/fis2.png);
}

.cube:not(.cube--inactive):nth-child(3n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(3n) {
	background-image: url(../img/fis3.png);
}


/*
.cube:not(.cube--inactive):nth-child(5n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(5n) {
	background-image: url(../img/fis5.png);
}

.cube:not(.cube--inactive):nth-child(6n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(6n) {
	background-image: url(../img/fis6.png);
}

.cube:not(.cube--inactive):nth-child(7n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(7n) {
	background-image: url(../img/fis7.png);
}


.cube:not(.cube--inactive):nth-child(8n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(8n) {
	background-image: url(../img/fis8.png);
}


.cube:not(.cube--inactive):nth-child(9n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(9n) {
	background-image: url(../img/fis9.png);
}


.cube:not(.cube--inactive):nth-child(10n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(10n) {
	background-image: url(../img/fis10.png);
}


.cube:not(.cube--inactive):nth-child(11n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(11n) {
	background-image: url(../img/fis11.png);
}


.cube:not(.cube--inactive):nth-child(12n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(12n) {
	background-image: url(../img/fis12.png);
}


.cube:not(.cube--inactive):nth-child(13n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(13n) {
	background-image: url(../img/fis13.png);
}


.cube:not(.cube--inactive):nth-child(14n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(14n) {
	background-image: url(../img/fis14.png);
}


.cube:not(.cube--inactive):nth-child(15n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(15n) {
	background-image: url(../img/fis15.png);
}


.cube:not(.cube--inactive):nth-child(16n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(16n) {
	background-image: url(../img/fis16.png);
}


.cube:not(.cube--inactive):nth-child(17n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(17n) {
	background-image: url(../img/fis17.png);
}


.cube:not(.cube--inactive):nth-child(18n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(18n) {
	background-image: url(../img/fis18.png);
}


.cube:not(.cube--inactive):nth-child(19n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(19n) {
	background-image: url(../img/fis19.png);
}


.cube:not(.cube--inactive):nth-child(20n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(20n) {
	background-image: url(../img/fis20.png);
}


.cube:not(.cube--inactive):nth-child(21n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(21n) {
	background-image: url(../img/fis21.png);
}


.cube:not(.cube--inactive):nth-child(22n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(22n) {
	background-image: url(../img/fis22.png);
}


.cube:not(.cube--inactive):nth-child(23n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(23n) {
	background-image: url(../img/fis23.png);
}


.cube:not(.cube--inactive):nth-child(24n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(24n) {
	background-image: url(../img/fis24.png);
}

*/

.cube:not(.cube--inactive):nth-child(4n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(4n) {
	background-image: url(../img/fis4.png);
}

.cube:not(.cube--inactive):nth-child(5n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(5n) {
	background-image: url(../img/fis5.png);
}


.cube:not(.cube--inactive):nth-child(6n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(6n) {
	background-image: url(../img/fis22_.png);
}


.cube:not(.cube--inactive):nth-child(7n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(7n) {
	background-image: url(../img/fis7.png);
}


.cube:not(.cube--inactive):nth-child(8n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(8n) {
	background-image: url(../img/fis8.png);
}


.cube:not(.cube--inactive):nth-child(9n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(9n) {
	background-image: url(../img/fis22_.png);
}


.cube:not(.cube--inactive):nth-child(10n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(10n) {
	background-image: url(../img/fis22_.png);
}


.cube:not(.cube--inactive):nth-child(11n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(11n) {
	background-image: url(../img/fis11.png);
}


.cube:not(.cube--inactive):nth-child(12n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(12n) {
	background-image: url(../img/fis12.png);
}


.cube:not(.cube--inactive):nth-child(13n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(13n) {
	background-image: url(../img/fis13.png);
}


.cube:not(.cube--inactive):nth-child(14n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(14n) {
	background-image: url(../img/fis22_.png);
}


.cube:not(.cube--inactive):nth-child(15n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(15n) {
	background-image: url(../img/fis26.png);
}


.cube:not(.cube--inactive):nth-child(16n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(16n) {
	background-image: url(../img/fis16.png);
}


.cube:not(.cube--inactive):nth-child(17n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(17n) {
	background-image: url(../img/fis26.png);
}


.cube:not(.cube--inactive):nth-child(18n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(18n) {
	background-image: url(../img/fis26.png);
}


.cube:not(.cube--inactive):nth-child(19n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(19n) {
	background-image: url(../img/fis19.png);
}


.cube:not(.cube--inactive):nth-child(20n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(20n) {
	background-image: url(../img/fis26.png);
}


.cube:not(.cube--inactive):nth-child(21n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(21n) {
	background-image: url(../img/fis21.png);
}


.cube:not(.cube--inactive):nth-child(22n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(22n) {
	background-image: url(../img/fis22.png);
}


.cube:not(.cube--inactive):nth-child(23n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(23n) {
	background-image: url(../img/fis23.png);
}


.cube:not(.cube--inactive):nth-child(24n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(24n) {
	background-image: url(../img/fis24.png);
}


.cube--inactive .cube__side,
.no-js .cube--inactive {
	background: #e6e6e6;
}


/* With JS we insert a number span into the cube */

.cube__number,
.no-js .cube::after {
	font-weight: 700;
	color: #cc0019;
	background: #fff;
	width: 100%;
	text-align: center;
	top: 85%;
	height: 1.5em;
	line-height: 1.5;
	bottom: auto;
	margin: -0.75em 0 0;
}

.cube--inactive .cube__number,
.no-js .cube--inactive::after {
	color: #cac9c9;
}

.js .content__block {
	width: 100%;
	padding: 0 5vw 0 20vw;
	font-size: medium;
}

.js .content__description {
	padding: 0 0 0 0;
	overflow: auto;
	font-size:20px
}

.content__number {
	color: #000;
	font-weight: bold;
	line-height: 0.5;
	letter-spacing: -0.175em;
	font-size: 15vw;
	left: 8vh;
	right: 8vh;
	bottom: 8vh;
}

.content__title {
	font-size:3vw;
}

.content__title2 {
	font-size:2vw;
}

.title {
	color: #fceeb8;
	right: auto;
	left: 3vw;
	font-size:2vw;
}

@media screen and (max-width: 50.75em) {
	.js .content__block {
		padding: 4em 2em 0;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	.content__number {
		bottom: 30vh;
	}
}