a#toggle-menu div { width: 20px; height: 20px; cursor: pointer; right: 10px; margin-top: 16px; position: absolute;z-index: 10;}

#menu ul li:hover{text-decoration: underline;}
#menu ul li{-webkit-transition: all 0.5s ease;transition: all 0.5s ease;text-decoration:none;}

a#toggle-menu span { display: block; width: 24px; height: 3px; background: #fff;  position: absolute;
-webkit-transition: -webkit-transform 0.5s ease-in-out, top 0.25s ease-in-out 0.5s, opacity 0.25s ease-in-out 0.5s;
-moz-transition: -moz-transform 0.5s ease-in-out, top 0.25s ease-in-out 0.5s, opacity 0.25s ease-in-out 0.5s;
transition: transform 0.5s ease-in-out, top 0.25s ease-in-out 0.5s, opacity 0.25s ease-in-out 0.5s;
-webkit-transform-origin: center;
-moz-transform-origin: center;
transform-origin: center;
}
.borderMenu{border: 1px solid #fff;}

#toggle-menu span.top { top: 0px; }
#toggle-menu span.middle {top: 7px; }
#toggle-menu span.bottom { top: 14px;}
#toggle-menu.menu-is-active span {
-webkit-transition: -webkit-transform 0.5s ease-in-out 0.3s, top 0.25s ease-in-out, opacity 0.25s ease-in-out;
  -moz-transition: -moz-transform 0.5s ease-in-out 0.3s, top 0.25s ease-in-out, opacity 0.25s ease-in-out;
  transition: transform 0.5s ease-in-out 0.3s, top 0.25s ease-in-out, opacity 0.25s ease-in-out;
margin-left: 2px;
width: 15px; 
}
nav#menu{color: #fff;}

#toggle-menu.menu-is-active span.top, #toggle-menu.menu-is-active span.middle { top: 8px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); }
#toggle-menu.menu-is-active span.middle { opacity: 0;}
#toggle-menu.menu-is-active span.bottom { top: 8px; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); transform: rotate(225deg);font-size: 0px;background-color: #fff;}

@media screen and (max-width: 768px)  {
	nav#menu{position: absolute;font-size: 16px;width: 100%;height: 280px;top: 0;background-color: #87171d;display: none;z-index: 5;}
	img.logo.img-responsive {margin-left: auto;margin-right: auto;display: block;padding-top: 32px; width: 150px;}
	nav#menu ul{padding:33px 0 0 31px;}
	nav#menu ul li{width: 160px;margin-bottom: 30px;line-height: 20px;}
}

@media screen and (min-width: 768px)  {
	#toggle-menu{display: none;}
	header div.container div:nth-child(1){width: 24%;float: left;}
	header div.container div:nth-child(2){width: 76%;float: left;}
	img.logo.img-responsive{padding: 18px 0 0 18px;max-width: 70%;}
	nav#menu ul a{display: inline-block;font-size: 12px;margin-left: 10px;margin-top: 22px;}
	nav#menu ul a:nth-child(4){color: #341621;background-color: #fff; padding: 5px 6px 5px 5px;}

}

@media screen and (min-width: 992px)  {
    header div.container div:nth-child(1){width: 20%;}
	header div.container div:nth-child(2){width: 80%;}
	nav#menu ul a {font-size: 13px;margin-left: 40px;}
	nav#menu ul a:nth-child(4){padding: 7px 8px 7px 8px;}
	img.logo.img-responsive{padding: 15px 0 0 22px;}
}

@media screen and (min-width: 1170px)  {
    header div.container div:nth-child(1){width: 30%;}
	header div.container div:nth-child(2){width: 70%;}
    img.logo.img-responsive{ padding: 30px 0 0 32px;}
    nav#menu ul a {font-size: 15px;margin-left: 40px;margin-top: 35px;}
    /*body{display: none;}*/
}