/*FOOTER*/


* {
	margin: 0;
	padding: 0;

}




html,body {
	height: 100%;
}

#container {
	min-height: 100%;
}



#footer {
	background-color: #000; 
	position: relative;
	height: 100px;
	margin-top: -100px;
	clear: both;
}
#footer {
	
	color: black;
	height: 400px;

}

#footer #footer-content  #footer-section-about {
	flex: 1;
	padding: 25px;
	border: 1px snow;
}


#footer #footer-bottom {
	background: 343a40;
	color: #686868;
	height: 50px;
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding-top: 20%;
}

#footer #footer-content {
	border: 1px deeppink;
	height: 350px;


h1 {
	color: white;
	font-family:'Pattaya', sans-serif; 
}


h3 {
	background-color: #fff;
}

h2 {
	font-size: 40px;
	color: #fff;
	text-align: center;
	font-family: 'Pattaya', sans-serif;
	}

/* CSS COLOR CLASSES */



.aqua {
	background-color: aqua;
}
.rebeccapurple {
	background-color: rebeccapurple;
}
.springgreen {
	background-color: springgreen;
}
.chartreuse {
	background-color: chartreuse;
}
.deeppink {
	background-color: deeppink;
}

.dodgerblue {
	background-color: dodgerblue;
}

.snow {
	background-color: snow;
}