@media (orientation: portrait) {

	header div {
		display: inline-block;	
	}
	header .c3 {	
	font-size: 4.5rem;
	line-height: 10vw;
	white-space:nowrap;
	}
	header .c9 {	
		top:3rem;
		right: 1rem;
		position: absolute;
		width: auto;
	}
	header .c9 strong {
		width: 100%;
		position:static;
		margin: 0;
		padding-right:1rem;
	}

	.mb_content_wrapper {
		width: 100%;
	}
	
	.mb_menu div:first-of-type {
		border-top:1px solid #fff;
	}
	.mb_menu div {	
	width: 3rem;
	position:relative;
	}
	
	.mb_menu.off {
    left: 0;
		}
	
	.mb_menu div span {
	display:block;
		-webkit-transform: rotate(-90deg);
	  transform: rotate(-90deg);
	  position:absolute;
	  bottom:0;
	  right:.4rem !important;
		opacity:1;	
	}
	
	.mb_content_wrapper,
	.mb_menu {
		position:fixed;
		top:50%;
		transform: translateY(-50%)
	}
	
	.mb_content {
		padding: 1rem 0 0 4rem;
		white-space: initial;
	}
	
	.mb_content#work {
		white-space:nowrap;
	}
	
.mb_content h2 {
    font-size: 2rem;
}	
	.mb_content p {
		width: 85%;
		display: block;
		margin-right: 0;	
	}
	
	span.mb_close {
		line-height: 0;
		right: 1rem;
		padding: 1rem;	
			}
		span.mb_close span::before {
			font-size: 1em;
		}	
}