/* ************************************************************************************************* */
/* MOBILE RULES */

/*
** header   : Defines a header for a document or a section
** nav      : Defines a container for navigation links
** section  : Defines a section in a document
** article  : Defines an independent self-contained article
** aside    : Defines content aside from the content (like a sidebar)
** footer   : Defines a footer for a document or a section
** details  : Defines additional details
** summary  : Defines a heading for the details element
**
** +-----------------+
** |      header     |
** +-----------------+
** |       nav       |
** +---------+-------+
** |         |       |
** | section |       |
** |         |       |
** +---------+ aside |
** |         |       |
** | article |       |
** |         |       |
** +---------+-------+
** |      footer     |
** +---------+-------+
*/

header {
}
nav {
	float: left;
	width: 100%;
	overflow: hidden;
}
section {
	float: left;
	width: 82%;
}
aside {
	float: left;
	width: 18%;
}
footer {
}

article {
	text-align: justify;
	background: #ffffff;
	padding: 10px 10px 10px 10px;
	overflow: hidden;
}

.smalldevice {
	display: none;
}


.appmenu {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 1;
	/* overflow: hidden; */
}

.mobilemenu {
	/* width: 0px; */
	/* height: 0px; */

	/* color: #fefefe; */
	/* background-color: rgba(0, 170, 170, 0.8); */

	/* overflow: hidden; */
	display: none;

	/* transition: height 0.2s ease-out, background-color 0.2s ease-out; */
	/* transition: width 0.2s ease, height 0.2s ease; */
	/* transition: height 0.2s ease; */
}

.mobilemenu.open {
	/* height: 100%; */
	display: block;
}

/* ************************************************************************************************* */
/* DESKTOP SPECIFIC */

	article {
		width: 75%;
		border: 1px solid #808080;
		margin: 10px auto 10px auto;
	}

	.mobilemenu {
		display: block;
	}