@import url('https://fonts.googleapis.com/css?family=Chewy|News+Cycle|Poiret+One|Indie+Flower|Spectral:500');

/*styles for hamberger-menu*/

div.header {
	width:100%; 
	background:none; 
	height:60px; 
	line-height:60px;
	border-bottom:1px solid #000;
    position: sticky;
    top: 0;
}

.hamburger {
  background-color: transparent;
  position:absolute;
  top:0;
  right:0;
  line-height:45px;
  padding:5px 15px 0px 0px;
  color:#ffffff;
  border:0;
  font-size:1.4em;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}

.cross {
  background: none;
  position:absolute;
  top:0px;
  right:0;
  padding:7px 15px 0px 0px;
  color:#999;
  border:0;
  font-size:3em;
  line-height:65px;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}

.menu {
    z-index:10000000;
    font-weight:bold; 
    font-size:0.8em; 
    width:100%; 
    background:#f1f1f1;  
    position:absolute; 
    text-align:center; 
    font-size:12px;
}

.menu ul {
    margin: 0; 
    padding: 0; 
    list-style-type: none; 
    list-style-image: none;
}

.menu li {
    display: block;   
    padding:15px 0 15px 0; 
    border-bottom:#dddddd 1px solid;
}

.menu li:hover {
    display: block;    
    background:#ffffff; 
    padding:15px 0 15px 0; 
    border-bottom:#dddddd 1px solid;
}

.menu ul li a { 
    text-decoration:none;  
    margin: 0px; color:#666666;
}

.menu ul li a:hover {  
    color: #666666; 
    text-decoration:none;
}

.menu a {
    text-decoration:none; 
    color:#666666;
}

.menu a:hover {
    text-decoration:none; 
    color:#666666;
}

.glyphicon-home {
    color:white; 
    font-size:1.5em; 
    margin-top:5px; 
    margin:0 auto;
}

header {
    display:inline-block;
    width: 100%;
}