html {
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

body {
	/* background-color: black; */
	margin: 0;
	padding: 0;
	height:100%;
	overflow: scroll;
}

div.content-wrapper {
	/* Center div vertically */
	height: 100%;
	align-items: center;
	/* Add border */
	/* border: 1px solid white; */

    display: flex;
    flex-direction: column;
}

div.content-cc {
	/* Center the div */
	/* min-height:100%; */
	width: 100%;
	background-image: url("images/background.png");
	background-size: auto 100%;
    display: flex;
    flex-direction: column;
	flex: 2;
	align-items: center;
}

div.date-event {
	max-width: 95%;
}

div.title {
	width: 100%;
}

div.text-cc {
	text-align: center;
	/* border: 1px solid white; */
}

div.jsCalendar-wrapper {
	/* Center the div */
	display: flex;
	align-items: center;
	justify-content: center;
}

h1.title-cc {
	color: white;
}

h1.main-title-cc {
	font: 2em Arial, sans-serif;
}

.title-image {
	width: 100%;
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	/* default */
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.title-image {
		width: 85%;
	}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.title-image {
		width: 70%;
	}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	.title-image {
		width: 750px;
	}
}

@media only screen and (min-width: 140vh) {
	div.content-cc {
		background-size: 100% auto;
	}
}

h1.date-event-title {
	font: 1.5em Arial, sans-serif;
}

h2.subtitle-cc {
	color: white;
}

h2.date-event-subtitle {
	font: 1.2em Arial, sans-serif;
}

p.text-cc {
	color: white;
	font: 1em Arial, sans-serif;
}

/* Bottom and top bar */

div.horizontal-bar {
	background-color: #000014;
	width: 100%;
}

div.horizontal-bar:first-of-type {
	margin-top: auto;
	justify-content: right;
}

div.horizontal-bar:last-of-type {
	margin-bottom: auto;
}

span.bottom-bar-text {
	color: white;
	font-size: 0.9em;
}

span.top-bar-text {
	color: white;
	text-align: right;
	width: 99%;
	display: block;
}

a.link-cc {
	color: white;
}

/* Fix jsCalendar not aligning month controls to the right when weekdays are deleted */

.jsCalendar-title-row {
	display: block;
}

.jsCalendar-title {
	display: block;
}