.phonemenu .nav {
	transition-duration: 0.5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s;
}
.nav__trigger {
	top: 2px; width: 30px; height: 25px; right: 3%; display: block; position: absolute; z-index: 99997;
}
.nav--active .nav__trigger {
	opacity: 1;
}
.nav__icon {
	top: -6px; width: 30px; height: 2px; display: inline-block; position: relative; transition-property: background-color, transform, -webkit-transform; transition-duration: 300ms; background-color: rgb(230, 80, 78); -webkit-transition-duration: 300ms; -webkit-transition-property: background-color, -webkit-transform;
}
.nav__icon::before {
	background: rgb(230, 80, 78); width: 30px; height: 2px; display: block; position: absolute; content: ""; transition-property: margin, transform, -webkit-transform; transition-duration: 300ms; -webkit-transition-duration: 300ms; -webkit-transition-property: margin, -webkit-transform;
}
.nav__icon::after {
	background: rgb(230, 80, 78); width: 30px; height: 2px; display: block; position: absolute; content: ""; transition-property: margin, transform, -webkit-transform; transition-duration: 300ms; -webkit-transition-duration: 300ms; -webkit-transition-property: margin, -webkit-transform;
}
.nav__icon::before {
	margin-top: -10px;
}
.nav__icon::after {
	margin-top: 10px;
}
.phonemenu .nav {
	background: rgba(0, 0, 0, 0.9); top: 0px; width: 100%; height: 100%; right: -100%; position: fixed; z-index: 99996;
}
.phonemenu .nav--active .nav {
	right: 0px;
}
.phonemenu .nav ul {
	margin: 0px;
}
.phonemenu .nav li {
	margin: 20px 0px; text-align: center;
}
.phonemenu .nav li a {
	color: rgb(255, 255, 255); letter-spacing: 1px; font-size: 25px; font-weight: 300;
}
.phonemenu .nav li a:hover {
	background: none; color: rgb(255, 255, 255);
}
.phonemenu .nav li a h1 {
	font-size: 15px; font-weight: bold;
}
.phonemenu .nav li a h2 {
	text-transform: uppercase; font-size: 12px; margin-top: -5px;
}
.phonemenu .nav--active .nav__icon {
	background: rgba(0, 0, 0, 0);
}
.phonemenu .nav--active .nav__icon::before {
	background: rgb(255, 255, 255); margin-top: 0px; transform: rotate(45deg); -webkit-transform: rotate(45deg);
}
.phonemenu .nav--active .nav__icon::after {
	background: rgb(255, 255, 255); margin-top: 0px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
}