/* Defaults */
h1, h3 {
	font-family: 'Raleway', sans-serif;
	margin-bottom: 25px;
}

h1 {
	margin-top: 25px;
	margin-bottom: 50px;
}

h2 {
	margin-top: 75px;
	font-size: 2.5em;
}

p {
	padding-bottom: 0;
}

.footer {
	margin-top: 50px;
}

/* Canvas */
p canvas {
	animation: fade-in 1.5s ease;
}

p.canvas {
	text-align: center;
	margin-top: 5vh;
}

/* Alert Bar */
div.alert {
	background-color: #fceea7; 
	color: rgb(30, 30, 30);
	text-align: center;
	font-size: 1.15em;
	width: 75%;
	padding: 20px;
	z-index: 10;
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

a.alert {
	color: rgb(30, 30, 30);
	font-weight: bold;
	text-decoration: underline;
	padding: 0;
}

a.alert:hover {
	color: brown;
}

/* Panel */
div.panel {
	padding-top: 15px;
	padding-bottom: 25px;
}

div.info {
	float: right;
}

/* Programs Links */
div.programs {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
}

a.programs {
	color: rgb(90, 90, 90);
	transition: 0.5s font-size;
}

a.programs:hover {
	color: brown;
	font-size: 0.9em;
}

/* Disclaimer Page */
p.disclaimer {
	color: darkgrey;
	font-size: 1em;
}

/* Responsive CSS */
@media (max-width: 768px) {
	/* Canvas */
	p canvas {
		display: none;
	}

	p.canvas:after {
		content: "Content is not available for this device.";
		color: brown;
		margin-top: 25px;
	}

	/* Alert Bar */
	div.alert {
		display: none;
	}

	/* Info Panel */
	div.info {
		border-radius: 5px;
		border: 1px solid rgb(220, 220, 220);
		width: 100%;
		padding: 1em 2em 1em 2em;
		margin-top: 50px;
		margin-bottom: 25px;
	}
}