html,body {
	margin: 0;
	padding: 0;
}

.footer-wrapper {
	width: 98%;
	background: inherit;
	margin: 10px auto;
}
/* head */
.footer-header-wrap {
	width: 70%;
	background: inherit;
	margin-left: 40px;
}
.footer-header-wrap h1 {
	color: skyblue;
	font-size: 35px;
	margin-top: 20px;
	padding: 10px;
	font-family: tahoma,arial,cursive;
}
/* url */
.footer-url-wrap {
	background: inherit;
	width: 70%;
	margin: 20px auto;
	text-align: center;
}
.footer-url-wrap ul{
	width: 30%;
	display: inline-table;
	list-style: none;
	background: inherit;
}
.footer-url-wrap ul:first-child{
	border-right: 5px solid lightgray
}
.url-wrap li {
	font-size: 18px;
	padding: 4px;
	text-align: left;
	font-weight: bolder;
	font-family: tahoma,arial,cursive;
}
.url-wrap li > a {
	text-decoration: none;
	color: #000;
}
.url-wrap li > a:hover {
	color: skyblue;
	font-size: 22px;
	transition : 0.4s ease-in;
}
.footer-url-wrap ._02 {
	position: relative;
	top: 30px;
}
/* social handle */
.handle-wrap {
	width: 50%;
	padding: 10px;
	background: silver;
	margin: 50px auto;
	border-radius: 4px;
}
.handle-wrap h2{
	text-align: center;
	font-family: tahoma,arial,cursive;
	border-bottom: 3px solid lightgray;
	padding: 5px;
	font-size: 24px;
}
.handle-wrap ul {
	list-style: none;
	width: 90%;
	margin: 0px auto;
	text-align: center;
	background: inherit;
}
.handle-wrap ul > li{
	display: inline-table;
}
.handle-wrap ul li a > svg {
	padding: 10px;
	background: darkgray;
	color: #fff;
	font-size: 25px;
	text-decoration: none;
	width: 30px;
	height: 30px;
	border-radius: 6px;
}
.handle-wrap ul li a > svg:hover {
	background: skyblue;
	font-size: 27px;
	transition : 0.5s ease-in;
}
/* cookie */
.cookie-wrap {
	background: #cfd2d2;
	width: 70%;
	border-radius: 5px;
	padding: 20px;
	margin-left: 11.5%;
	opacity: 0.95;
	display: none;
	top: 136px;
	position: fixed;
}
.cookie-wrap p {
	font-size: 18px;
	font-weight: bold;
	color: #00282f;
	font-family: tahoma,arial,cursive;
	line-height: 29px;
}
.cookie-wrap div {
	font-size: 35px;
	text-align: center;
	width: 100px;
	color: grey;
	margin: 0px auto;
}
.cookie-wrap div > span:hover {
	transition : 0.6s ease-in;
	cursor: pointer;
	font-size: 40px;
	color: skyblue;
}




@media screen and (max-width: 650px) { 
	
	.footer-header-wrap {
		background: inherit;
		width: 98%;
		margin-left: 10px;
        transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
	}
	.footer-url-wrap {
		width: 98%;
		background: inherit;
	}
	.footer-url-wrap ul{
		width: 36%;
	}
	.handle-wrap {
		width: 80%;
	}
	.handle-wrap ul {
		margin-left: -24px;
		background: none;
	}

}