@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

.menu_icon + label:before {
	content: "\f0c9";
}

.menu_icon:checked + label:before {
	content: "\f00d";
}

.menu_icon, 
.menu_icon + label:before {
	font-family: FontAwesome;
	display: inline-block;
	clear:both;
	font-size:3rem;
	font-weight:800;
	margin:0.8rem;
}

input[type=checkbox].menu_icon {
	display:none;
}

@media
	(orientation:landscape),
	(min-width:1200px)
{
	.menu_icon, 
	.menu_icon + label:before {
		display:none;
	}
}

@media
	(max-width:700px),
	(orientation:portrait)
	AND
	(max-width:1200px)
{
	.my_awesome_menu > * {
		display:none;
	}
	.menu_icon{
		display:inline-block;
	}
	 
	.menu_icon:checked:parent {
		width:50%;
		height:75%;
		overflow:auto;
		text-align:top;
	}
	
	.menu_icon:checked,
	.menu_icon:checked *,
	.menu_icon:checked ~ *{
		display:initial;
	}
}