.burger {
	display: inline-block;
	cursor: pointer;
	}
.bar1, .bar2, .bar3 {
  width: 35px;
  height: 5px;
  background-color: #333;
  margin: 6px 0;
  transition: 0.4s;
	}
.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
	}
.change .bar2 {opacity: 0;}
.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
	}
  .menu ul{
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 20px;
    z-index: 1000;
  }
  .menu li{
	display: flex;
	justify-content:center;
    text-align: center;
  }
  .menu a{
	width:50%;
	font-family:'Roboto', sans-serif; 
	font-size: 22px;
	color: #ffffff;
    display: block;
    background-color: #52a396;
	padding: 5px 0px 5px 0px;
  }
  .menu a:hover {
	  color: #7A7A7A;
  }
  
  .menu li + li{
    padding-left: 0;
  }
 
 .btn-post a {
	background:    #52a396;
	border-radius: 500px;
	border:solid 1px #52a396;
	padding:       10px 25px;
	color:         #ffffff;
	display:       inline-block;
	font:          normal normal 19px/1 "Roboto-Bold", sans-serif;
	text-align:    center;
	}
 .btn-post a:hover {
	 background:    #ffffff;
	 color:         #52a396;
	 }
.a-footer a {
	color:#ffffff;
	}
.a-footer a:hover {
	color:#7A7A7A;
	}