#footer.nonActive {
	max-width: 100%;
	bottom: -20%;
	background: rgba(255,255,255,0.1);
	position: fixed;
	left: 50%;
	transform: translateX(-50%);

	border-radius:10px 10px 0px 0px;
	transition: 2.0s;
	-webkit-transition-timing-function: ease-out; /* Safari and Chrome */
    transition-timing-function: ease-out;
	text-align: center;
}

#footer.active {
	max-width: 100%;
	bottom: 0px;
	background: rgba(0,0,0,0.1);
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	border-radius:10px 10px 0px 0px;
	transition: 2.0s;
	-webkit-transition-timing-function: ease-out; /* Safari and Chrome */
    transition-timing-function: ease-out;
	text-align: center;
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
}

#footer.active:hover {
	text-decoration: none !important;
}




.footerText{
	padding: 4px;
	color: #002b36;
	transition: 1.0s;
}

.footerText:hover {
	color: blue;
	text-decoration: none !important;
	transition: 1.0s;
}

#footerLink {
	text-decoration: none !important;
}





/*Anything under 300px wide*/
@media (max-width: 300px) {

.footerText {
		font-size: .15em;
	}


}


/*extra Small devices (landscape phones, 300px and up)*/
@media (min-width: 300px) {
.footerText {
		font-size: .2em;
	}



}



/*extra Small devices (landscape phones, 360px and up)*/
@media (min-width: 360px) {
	.footerText {
		font-size: .3em;
	}

}



@media (min-width: 440px) {

	.footerText {
		font-size: .5em;
	}

}



/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	.footerText {
		font-size: .7em;
	}


}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

	.footerText {
		font-size: .9em;
	}


}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 

	.footerText {
		font-size: 1em;
	}

}


/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

	.footerText {
		font-size: 1em;
	}

}