/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: defaults,not dead,last 949 versions
*/

#footer {
	
    background-color: #77cdb7;
	width: 100%;
	height: 2em;
	padding: 1.4em 1em 2.9em 1em;
	color: black;
	font-family: 'Abel', sans-serif;
	position: fixed;
	bottom: 0px;
}


#footer p {
	display: none;
	
	

}

#footer a {
	text-decoration: none; 
	color: black;
	display: none;
	font-size: 1.3em;
	width: 33%;
}

/*
#footer a:hover {
	color: #55EEEE;
	}*/

#footer .mobile {
	display: inline;
	color: black;
	float: left;
	font-weight: bold;
	padding: 0 0 0 0;
	text-align: center;
}


@media screen and (min-width: 700px) {
	
	#footer {
	    padding-bottom: 1.4em;
    	text-align: center;
    	position: relative;
		height: 11em;
	
		
	}

	#footer a {
		display: inline;
		float: none;
		padding: 0.1em 0.4em;
		color: black;
	}

	#footer .mobile {
		float: unset;
		display: inline;
		padding: 0.1em 0.6em;
		color: black;
		font-weight: normal;
	}

	#footer p {
		display: block;
		font-size: 1em;
		margin: auto;
		color: black;
		padding: 0.3em;
	}
}

@media screen and (min-width: 800px) {
	#footer a {
		padding: 0.1em 1em;
	}
}

@media screen and (min-height: 761px){
    #footer {
        
        bottom: 0px;
        
        
    }
    
   
}