/*MOBILE ONLY*/
@media screen and (max-width: 480px) {

.container{
width:100%;
}
header{
    background:url(images/banner.jpg) no-repeat 0px 0px;
	background-size:cover;  
    min-height: 450px;
	max-height: 550px;
}

.jumbotron{
	padding: 3em 0 6em;
	background:transparent;
	broder:0;
}

.mobileNav{
	display:visible;
	background:#000;
	width:100%;
 }
 .normalNav{
	visibility:hidden;
	display:none;
 }
.jumbotron h1{
	font-weight: 700;
	font-size: 2.5em;
	color: #FFF;
	text-transform: uppercase;
	width: 100%;
	display: inline-block;
	line-height: 1.3em;
}

.jumbotron span{
	width:50%;
	height:1px;
	/*background:#35C2F8;*/
    background-color:darkorange;
	display:inline-block;
}

.jumbotron p{
	color: #CCCCCC;
	font-weight:400;
	font-size: 1.3em;
	line-height: 1.7em;
	font-family: 'Open Sans', sans-serif;
	margin: 1em auto;
	width: 70%;
}

header{
    background:url(images/banner.jpg) no-repeat 0px 0px;
	background-size:cover;  
	width:100%;
	height:700px;
    min-height: 0px;
}

#social {
    width:70%;
	text-align:center;
    height:auto;
    margin:0%;
	margin-left:15%;
    margin-top:10%;
}
.me .p .img-circle{
    width:70%;
    height:70%;
}
#footer {
      margin-left: -20px;
      margin-right: -20px;
      padding-left: 20px;
      padding-right: 20px;
    }
}