.hamburger.close {
	width: 30px !important;
	height: 30px !important;
	top:0 !important;
	background:#fff;
	text-align: center;
	color: #000;
	font-weight: 300;
	font-size: 30px;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.hamburger.close div:before,.hamburger.close div:after{
    content: '';
    position: absolute;
    height: 1px;
    width: 20px;
    background: #000;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.hamburger.close div:before{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.hamburger.close div:after{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}