/**
 *  
 * Author: Drew Taylor
 *	http://www.drew-taylor.com
 * 	@MadeBeforeDawn   
 */

header{
	width:100%; 
	background:#ffffff; 
	height:60px; 
	line-height:60px;
	border-bottom:1px solid #dddddd;
}
.hamburger{
  background:none;
  position:absolute;
  top:0;
  right:0;
  line-height:45px;
  padding:5px 15px 0px 15px;
  color:#999;
  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 15px;
  color:#999;
  border:0;
  font-size:3em;
  line-height:65px;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}

.mob-icon {}
.mob-menu{z-index:1000000; font-weight:bold; font-size:0.8em; width:100%; background:#f1f1f1;  position:absolute; text-align:center; font-size:12px;}
.mob-menu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.mob-menu li {display: block;   padding:15px 0 15px 0; border-bottom:#dddddd 1px solid;}
.mob-menu li:hover{display: block;    background:#ffffff; padding:15px 0 15px 0; border-bottom:#dddddd 1px solid;}
.mob-menu ul li a { text-decoration:none;  margin: 0px; color:#666;}
.mob-menu ul li a:hover {  color: #666; text-decoration:none;}
.mob-menu a{text-decoration:none; color:#666;}
.mob-menu a:hover{text-decoration:none; color:#666;}

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

/* Smartphone
----------------------------------------------------------*/
@media only screen and (max-width : 480px) {
	
	/* Navigation */
	
	.menu {
		display: none;
	}
	
	.mob-icon {

	}
	
	/* Base Structure */
	
	.hero .intro {
		top: 40%;
	}
	
	.intro h2 {
		font-size: 1.7rem;
	}

	.hero .intro div {
		padding: 10px;
	}

}

/*  Tablet
  ------------------  */
  @media only screen and (max-width : 650px) and (min-width : 481px) {
	  
}

/*  Small Desktop / iPad
  ------------------  */
@media only screen and (max-width : 1050px) and (min-width : 651px) {
	
}

/*  Medium Desktop
  ------------------  */
@media only screen and (max-width : 1290px) and (min-width : 1051px) {
	
	.mob-icon, .mob-menu {
		display: none;
	}
	
}

/*  Large Desktop
  ------------------  */
@media only screen and (min-width : 1051px) {
	
	.mob-icon, .mob-menu {
		display: none;
	}
	
}