/* Footer */
div#about{
	padding: .75em;
	padding-right: 3em;
	display: var(--about_display);
	justify-content: right;
	background-color: var(--footer_color);
	background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg/bg01.png");
	color: var(--footer_font_color);
	font-size: 1em;
	text-align: right;
}
div#about img#info{
	display: inline-block;
	padding: 1em;
	height: 1em;
	filter: invert(100%);
}
div#footer {
	position: var(--position);
	bottom: 0;
	visibility: var(--footer);
	background-color: var(--footer_color);
	background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg/bg01.png");
	color: var(--footer_font_color);
	font-size: small;
	display:flex;
	flex-direction: row-reverse;
}
footer:hover > div div#footer{
	visibility: visible;
}
div#footer p
{
	text-align: left;
}
div#footer h1
{
	font-weight: 600;
}
div#footer section
{
	width:50%;
	padding: 2em;
	padding-top: 1em; padding-bottom: 1em;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
div#footer img#webmaster
{
	float:left;
	height: 8em;
	padding-right:1em;
	opacity:.75;
}
div#footer img#webmaster:hover
{
	opacity: 1;
}
div#footer div#social_network
{
	display:flex;
	justify-content: center;
}
div#footer a.logo
{
	width: 30px;
	height: 30px;
	margin-left:1em;
	text-align: center;
	opacity:.5;
}
div#footer a.logo img
{
	filter: invert(100%);
}
div#footer img#fb
{
	filter: invert(0%);
}
div#footer a.logo:hover
{
	opacity: 1;
}
div#footer div#copyright
{
	padding: 1em;
	font-size: x-small;
	text-align: center;
}
div#footer div#form_head{
	display: flex;
	justify-content: space-between;
}
div#footer input[type=text], footer input[type=name], footer input[type=email], footer textarea {
    padding: 1em;
    border: 1px solid silver;
    border-radius: 4px;
    box-sizing: border-box; 
    margin-top: 0; 
    margin-bottom: 1.5em;
    resize: vertical 
}
div#footer input[type=name]
{
	width: 40%;
}
div#footer input[type=email]
{
	width: 55%
}
div#footer textarea
{
	width: 100%;
}
div#send{
	display: flex;
	justify-content: right;
}
div#footer input[type=submit] {
    background-color: var(--footer_button_color);
    color: var(--footer_button_font_color);
    opacity: .8;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
div#footer input[type=submit]:hover {
    opacity: 1;
}