/* FOOTER */

.footer_wrapper {
	position: fixed;
	bottom: 0vh;
	width: 100vw;
	background-color: rgba(0, 0, 0, 0.2);
	padding: 5px 0px;
}

a {
	text-decoration: none;
}

ul#footer {
	list-style: none;
	text-align: center;
}

ul#footer  li {
	display: inline;
	padding: 0px 6vw;
}

#mail_footer, #phone_footer, #lock_footer, #blog_footer {
	height: 30px;
	width: 30px;
	transition: 0.4s;
	overflow: visible;
}

#lock_footer, #blog_footer {
	height: 25px;
	width: 25px;
}

#blog_footer > #blog_line01 {
	opacity: 0;
	transform: translate(60px, 0px);
}

#blog_footer > #blog_line02 {
	transform: translate(0px, 40px);
}

#blog_footer > #blog_line03 {
	transform: translate(0px, 20px);
}

#blog_line01, #blog_line02, #blog_line03 {
	transition: 0.25s;
}

#mail_footer:hover, #phone_footer:hover, #lock_footer:hover, #blog_footer:hover {
	transform: scale(1.1);
}

#blog_footer:hover #blog_line01,
#blog_footer:hover #blog_line02,
#blog_footer:hover #blog_line03 {
	opacity: 1;
	transform: translate(0px, 0px);
}

#mail_arrow, #signal01, #signal02, #signal03, #lock_path {
	transition: 0.25s;
}

#mail_footer:hover #mail_arrow{
	transform: translateY(30px);
}

#phone_footer:hover #signal01 {
	transform: translateX(10px);
}

#phone_footer:hover #signal02 {
	transform: translateX(30px);
}

#phone_footer:hover #signal03 {
	transform: translateX(70px);
}

#lock_footer:hover #lock_path {
	transform: translateY(-60px);
}