/* -------------------- MAIN -------------------- */
html {
	margin: 0;
	padding: 0;
}
body {
	background-color: #ba4343;
	margin: 0;
	color: #ffffff;
}
#title-container {
	background-color: #ba4343;
	max-width: 800px;
	margin: 0 auto;
}
#title-container p {
	margin-bottom: 100px;
}
.content-item {
	max-width: 800px;
	margin: 0 auto;
}
.title {
	margin: 100px 0;
}
h1 {
	font-family: 'Comfortaa', cursive;
	font-size: 60px;
	margin: 20px 0;
}
h2 {
	font-family: 'Comfortaa', cursive;
	font-size: 40px;
	margin: 0;
}
p {
	font-size: 20px;
	line-height: 35px;
	margin-bottom: 40px;
}
a {
	color: #ffffff;
}
.text-container {
	background-color: #ba4343;
	color: #ffffff;
	width: 100%;
	margin: 0;
	padding: 20px 0;
}
.footer-container {
	background-color: #000000;
	color: #ffffff;
	width: 100%;
	margin: 0;
	padding: 0 0;
}
.footer-container p {
	margin: 0;
	text-align: right;
	font-size: 16px;
}
.container {
	color: #ffffff;
	width: 100%;
	margin: 0;
	padding: 20px 0;
}
.kochcurve-container { background-color: #439aba; }
.kochsnowflake-container { background-color: #43BA52; }
.cesaro-container { background-color: #ba4343; }
.levy-container { background-color: #439aba; }
.heighway-container { background-color: #43BA52; }
.sierpinskigasket-container { background-color: #ba4343; }
.sierpinskicarpet-container { background-color: #439aba; }
.binarytree-container {background-color: #43BA52; }
#kochcurve-vis, #kochsnowflake-vis, #cesaro-vis, #levy-vis, #heighway-vis, #sierpinskigasket-vis, #sierpinskicarpet-vis, #binarytree-vis, #cantorset-vis {
	text-align: center;
	margin-bottom: 20px;
}
.bold {
	font-weight: 700;
}
.overline {
	text-decoration: overline;
}


/* SLIDERS */
.sliderContainer {
	text-align: center;
}
.output {
	display: inline-block;
	font-family: 'Comfortaa', cursive;
	margin-left: 20px;
	width: 20px;
	vertical-align: top;
	font-size: 20px;
}
input[type=range].slider {
    -webkit-appearance: none;
    display: inline-block;
    background-color: #ffffff;
    height: 10px;
	width: 400px;
    outline: none;

}
input[type=range]::-moz-range-track {  
	display: inline-block;
    background-color: #ffffff;  
    height: 10px;  
	width: 400px; 
	outline: none;
}  
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background-color: #000000;
    width: 20px;
    height: 20px;
}
input[type="range"]::-moz-range-thumb {
    -webkit-appearance: none;
    background-color: #000000;
    width: 20px;
    height: 20px;
}

/* RESPONSIVE */
@media (max-width: 767px) {
	.title {
		margin: 50px 0;
	}
	#title-container p {
		margin-bottom: 50px;
	}
	h1 {
		font-size: 30px;
		margin: 20px 10px;
	}
	h2 {
		font-size: 20px;
		margin: auto 10px;
	}
	p {
		font-size: 16px;
		margin: 0 10px 40px 10px;
	}
	input[type=range].slider {
		width: 50%;
	}
	input[type=range]::-moz-range-track {  
		width: 50%; 
	}  
	input[type="range"]::-webkit-slider-thumb {
		width: 20px;
	}
	input[type="range"]::-moz-range-thumb {
		width: 20px;
	}
	.footer-container p {
		margin-right: 10px;
	}
}