.golden-pic{
	height:500px;
	width:1100px;
}
.golden-state{
	height:600px;
	width:100%;
	background : url('IMG_2712.JPG');
	background-size: cover;
	background-position: center;
	position: relative;
	
}








span{
	font-size: 18px;
	color:white;
	padding: 20px;
	font-family: 'Montserrat';
	transition: all ease .5s
}



.info-heading{
    margin-right: 100px;
    text-align: justify;
}

.summary1{
    text-align:center;
}
.a-picture{
    margin-left:33%;
    padding-bottom:30px;
    
}


.aesthetic{
    margin-left:41%;
    font-size:36px;
}

.snap-description{
    color:white;
    font-family:'Montserrat';
    font-size:18px;
    text-align: center
}

h3{
    text-align: center;
    font-family:'Montserrat';
    font-size:36px;
    
}
.panel panel-default{
    
}

.online-scout{
    padding-bottom: 100px;
}

.snap{
    color:white;
    font-family:'Raleway';
    font-size:36px;
    margin-left: 28%;
    padding-top:5%;
    display: block;
    
    
}

.snapchat{
    margin-left: 20%;
    padding-top: 0px;
}


li{
    border-style:inherit;
    border-bottom-color: black;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-color: black;
    
    
}

.contact-bio{
    background-color: grey;
    margin-left: 490px;
    margin-right: 100px;
    padding:0;
    text-align: center;
    float:right;
    font-family:'Raleway';
        
    font-size:24px;
     
        
}

.location{
    margin-left:50px;
    font-size:18px;
    display:inline;

}


.phone{
    margin-left: 50px;
    font-size: 18px;
    display:inline;
}


.linkedin{
   
    float:center;
    display:inline;
    
}

.github{
	float:center;
	display:inline;
}



.iconDetails {
 margin-left:2%;

height:40px;
width:40px; 
} 



.email{
    margin-left: 50px;
    font-size: 18px;
    display:inline-block;
}


h2{
    margin-left: 450px;
    font-size:36px;
}


.binoculars{
    

height:200px;
width:200px; 
margin-left:450px;    
 
    
        
}



.quote{
    font-size:36px;
    font-family: 'Lato';
    text-align:center;
    background-color: white;
    padding-bottom: 100px;
    padding-top: 100px;
    display: block;
    
    
}
.contact{
    background-color: black;
    margin: 0;
    padding-bottom:100px;
    color:white;
    font-family:'Raleway';
    
}




.intro{
    margin-left: 600px;
   
    padding-bottom: 100px;
    font-family:'Raleway';
    font-size-adjust: auto
   
    
}


.header{
    background-color: ghostwhite;
    margin-bottom:auto;
}


.first{
    background-color: black;
    background-blend-mode: color-burn;
    margin-bottom:0;
    
    padding-bottom: 100px;
    display: inline-block;
    
}
.second{
    background-color:whitesmoke;
    padding-bottom: 30px;
    font-family:Bitter;
    display:inline-block;
    width:100%;
    
}

.dropdown {
    position: relative;
    display: inline-block;
    font-family:'Montserrat';
}



.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 10px 8px 16px 10px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
    font-family: 'Raleway';
}




.container{
    border-left:40px;
    border-right:400px;
    padding-bottom: 100px;
    
}

.container-fluid{
    background-color:transparent;
    background: transparent;
    display: inline-block;
    position:fixed;
    width:100%;
    z-index: 99999;
    transition: all ease .5s;
    
}

.container-fluid.shrink{
    height:40px;
    transition: all ease .5s;
    background: black;
}

.container-fluid.span{
    padding: 10px;
    transition: all ease .5s;
}

<!--code to make it responsive to all screens-->

@viewport{
    zoom:1.0;
    width: extend-to-zoom;

}