body,html {
  font-family: Arial, Helvetica, sans-serif;
      height: 100%;
	  width: 100%;
      margin: 0;
	  resize: vertical;
}



/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

.rotate-180 {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}


.mobile-container {
  max-width: 100%;
 // margin: 0;
  background-color: #444;
  height: 100%;
  width: 100%;
  color: white;
 // padding: 0px 0px;
  //border-radius: 1px;
  resize: vertical;

	  // overflow: hidden;
	  max-height: 100%;
	 


}

.topnav {
	 	  
  overflow: hidden;
  background-color: #e6fff9;
  position: relative;
}

.topnav a {
  color: #003326;
  padding: 10px 10px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  font-size: 17px;
  font-weight: bold;
  display: block;
}

.topnav a.icon {
  background: #00cc99;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}


.active {
  background-color: #ccffe6;
  color: white;
}


#myFooter {
    background-color: #ccffe6;
    color: #003326;
    padding:10px;
  bottom: 0;
left:0;
  float: bottom;
width: 100%;
 z-index: 5;
    text-align: left;
position: fixed;

}

#lifecontainer {
    background: #444; 	
    font: 12px verdana, "sans serif", tahoma;
left:0;
    text-align: left;
  margin: 0;
  background-color: #444;
 
   right-margin: 20px;
   resize: vertical;
  
   
   
  width: 90%;
  padding-left:8%;
  padding-right:2%
   
   
   
  
}


.right {
  background-color: #ccffe6;
  resize: vertical;
  width: 60%;
  padding-left:10%;
  padding-right:10%;
  color: black;
 
}

.dropdown{
	text-align: left;
	
	padding-left:0%;
	left:0;

  background-color: #444;
  color : white;
   float: left;
  overflow: hidden;
}