.inv {
  display:none;
}

nav {
	left:0;
	padding:0 0 0 0.5em;
}
nav ul {
	padding:0;
	list-style-type:none;
}
.menu {
  top:4em;
   background-color: #1D1F20;
  background-image: linear-gradient(145deg, #1D1F20, #404348);

}

.menu a {
  color: #fff;
}

.menu a:hover {
  text-decoration: underline;
}

.menu-section {
  margin: 25px 0;
}

.menu-section-title {
  text-transform: uppercase;
  color: #85888d;
  font-weight: 200;
  font-size: 13px;
  letter-spacing: 1px;
  padding: 0 20px;
  margin:0;
}

.menu-section-list {
  padding:0;
  margin: 10px 0;
  list-style:none;
}

.menu-section-list a {
  display: block;
  padding: 10px 20px;
}

.menu-section-list a:hover {
  background-color: rgba(255, 255, 255, 0.1);
  text-decoration: none;
}

.highlight {
	color:blue;
	font-size:1.1em;
}

.footer a { color:white; }


/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-top: 3rem;
  padding-bottom: 3rem;
  color: #5a5a5a;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 22rem;
  background-color: #777;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 22rem;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}

/*
	/index.css
*/
#main {
	/* top:2em; Needed only if both navs are implemented */
}

.header {
	background:inherit;
	margin: 0 0 0em 0;
	padding: 0.4em 1em 0.2em 2em;

	border:0px solid red;
	height:8em;
}
.header h1, h2 {
	margin: 0;
	padding: 0;
}
.logo {
	font-size: 1.4em;
}
.logo .address {
	font-size: 0.6em;
}
.desc {
	font-size: 1.2em;
	text-align: right;
}
.desc ul {
	list-style-type: none ;
}

.ui-menu {
	width: 180px;
}

.footer {
	margin:4em 0 0 0;
	padding: 0em 0 0 0;
	width:100%;
	height: 14em;
	border: none;
	background:#333333;
	font-size: 1.2em;
}
.mainlinks {
	background:#333333;
	text-align:left;
}
.footer h2 {
	font-size: 0.8em;
	text-align: center;
	color: gray;
	margin: 0.2em 0 0 0;
}
.register {
	background:#333333;
	text-align:right;
}

.pageHeader {
	margin: 0 0 1em 0;
}

.pageHeader h1, h2 {
	margin: 0;
	padding: 0;
}
.pageHeader h2 {
	text-align: right;
}
@media only screen and (max-width: 500px) {

	.pageHeader h1 {
		font-size: 1.4em;
	}
	.pageHeader h2 {
		font-size: 1.2em;
		text-align: right;
	}

}
.products {

}


/* Slideout */
.slideout-menu {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  width: 256px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: none;
}

.slideout-panel {
  position:relative;
  z-index: 1;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
  overflow: hidden;
}

.slideout-open .slideout-menu {
  display: block;
}
/* slideout */

img {
	width: 100%;
	height: 16rem;
}

article.qna {
  margin: 0 0 1rem 0;
  padding: 1rem;
  background-color: #222200;
  clear: both;
  color: silver;
  height: auto;
}

aside.creator {
  margin: 0 0 1rem 0;
  padding: 0 1rem 0 1rem;
  font-size: 0.8rem;
  text-align: right;
  color: gray;
  width: auto;
  overflow: auto;
  height: 13rem;
  background-color: #333333;
  padding: 1rem;
}

aside.h4 {
  margin: 0;
  padding: 0;
  color: violet;
}

header nav {
  color: white;
}

p {
  padding: 0 0 0 0rem;
}

#ah1 { margin: 1rem 0 1rem 0; padding: 0; }
h1, h3 { margin: 0; padding: 0; }

h1 { font-size: 1.2rem; }

h3 { font-size: 1.4rem; }

article#6GDv4f2zUus {
  font-size: 1.4rem;
}