*{	margin: 0px;
	padding: 0px;}
	
body {background-color:black;
padding-top: 30px;}
	

h1, h2{color: white;
	font-family: 'Coda Caption', sans-serif;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, .6);}

h4 {font-family: 'Coda Caption', sans-serif;
	font-size: 30px;
	color:#ac9984; 
	padding: 0px 0px 0px 20px;}

h5{padding:30px 15px -25px 0px;
		color:white;
		font-size: 70px;
		font-family: 'Coda Caption', sans-serif;
		text-align:center;}

	h5:nth-child(2){color:white;
				font-family: Helvetica; 
				font-size: 50px;				
				padding: -10px 0px;
				text-align:center;}

		h5:nth-child(3){color:#ac9984;
			font-size: 100px;
			font-family: 'Six Caps', sans-serif;
			padding: 0px 0px 0px 0px;
			text-align:center;}

p {font-family: Helvetica;
	font-size: 12px;
	color: white;
	line-height:25px;}
	


strong {color: #808284;}

a {color: #9ea2bb; }
a:hover{text-decoration: none; 
		color: #5e6176;}

.narbar-brand {color: #ac9984;}


/**** NAV *****/



li {font-size: 20px;
	 font-family: 'Merriweather Sans', sans-serif;}

li .list { font-size: 15px;
			color: white;}

li .list a:link {color:white;}

li .list a:hover{color:white;}




.dropdown-menu {background-color: #a9a8a8;}

.dropdown-menu li {color: white;}



/**** IMG/TEXT overlay: Home Page *******/


.dip {position: relative;}

.dip h2  {position: absolute;
		top: 30px;
		left: 20px;
		color: rgba(215, 215, 215, .3);
		font-size: 275%;}
	
.dip h1 {position: absolute;
		top:70px;
		left: 20px;
		font-size: 500%;}
		
			.dot {position: relative;}

			.dot h2  {position: absolute;
					top: 35px;
					left: 10px;
					color: rgba(215, 215, 215, .3);
					font-size: 40px;}
	
			.dot h1 {position: absolute;
					top: 75px;
					left: 10px;
					font-size: 70px;}
	
.dart {position: relative;}

.dart h2  {position: absolute;
			top: 20px;
			left: 10px;
			color: rgba(215, 215, 215, .3);
			font-size: 40px;}
	
.dart h1 {position: absolute;
				top: 60px;
				left: 10px;
				font-size: 70px;}

			.dig {position: relative;}

			.dig h2  {position: absolute;
						top: 35px;
						left: 10px;
						color: rgba(215, 215, 215, .3);
						font-size: 40px;}
	
			.dig h1 {position: absolute;
					top: 75px;
					left: 10px;
					font-size: 70px;}
							
.dash {position: relative;}

.dash h2  {position: absolute;
			top: 35px;
			left: 10px;
			color: rgba(215, 215, 215, .3);
			font-size: 47px;}
	
.dash h1 {position: absolute;
				top: 75px;
				left: 10px;
				font-size: 70px;}
				


.logo {width: 30px;}

@media all and (max-device-width: 320px){
   .dip h1 {
        font-size: 500%;
    }
}
@media all and (max-device-width: 750px){
   .dip h1 {
        font-size: 100px;
    }
}

@media all and (max-device-width: 970px){
   .dip h1 {
        font-size: 150px;
    }
}

@media all and (max-device-width: 1170px){
  .dip  h1 {
        font-size: 250px;
    }
}

/***** History *****/

.year {color:rgba(0, 0, 0, .6);
	font-size: 50px
	float: left;}
	
	
/***** Styles ******/

.stromy {color: white;
		font-family: 'Black Ops One', cursive;
		font-size: 45px;
	
		padding: 0px 20px;
		text-shadow: 2px 2px 2px rgba(0, 0, 0, .6);}
		
		
		.story{position: relative;}
		
		.rain {position: absloute;
				top:1000px;}

h2.naughty {font-size: 75px;
			}
h2.naughtynaughty {font-size: 60px;
			}
			
.van {padding: 20px 0px 0px 0px;}

		
								
										 .hover:hover {
										background-color: #000;
										-moz-transition: .5s ;
										-ms-transition: .5s ;
										-o-transition: .5s ;
										-webkit-transition: .5s ;
										transition: .5s ;}

									 .hover:hover{
											opacity: .3;
											-moz-transition:  .5s ;
											-ms-transition: .5s ;
											-o-transition:  .5s ;
											-webkit-transition: .5s;
											transition: .5s ;} ***/
											
#lisa {background-color: #ac9984;}
						/****** Breaking *****/
			

/***** Fashion *****/
.col-lg-4 {padding: 0px 0px 75px 0px;}


.tot {padding: 10px 0px;}

.tots {padding: 10px 0px;}
 
 .yolo {padding: 25px 0px 20px 0px;}
 
 .yellow {padding: 25px 0px 25px 0px;}
 
 
 
 
 /****** Music ***********/
.funky {padding: 14px 0px 0px 0px;}

 .funky h5{padding:30px 15px -50px 0px;
		color:white;
		font-size: 70px;
		font-family: 'Coda Caption', sans-serif;
		text-align:center;}

	.funky h5:nth-child(2){color:white;
				font-family: Helvetica; 
				font-size: 25px;
				padding: -200px 100px 0px 0px;
				text-align:center;}

		.funky h5:nth-child(3){color:#ac9984;
			font-size: 100px;
			font-family: 'Six Caps', sans-serif;
			padding: 0px 0px 0px 0px;
			text-align:center;}
			
			
			
			
/******* Defined ************/

.retro h5{padding:30px 15px -25px 0px;
		color:white;
		font-size: 70px;
		font-family: 'Coda Caption', sans-serif;
		text-align:center;}

	.retro h5:nth-child(2){color:white;
				font-family: Helvetica; 
				font-size: 50px;
				text-align:center;
				padding: -10px 0px;}

		.retro h5:nth-child(3){color:#ac9984;
			font-size: 100px;
			font-family: 'Six Caps', sans-serif;
			text-align: center;
			padding: 0px 0px 0px 0px;}
 

/******* History *******/

.totally h5.totally{padding:30px 15px -25px 0px;
		color:white;
		font-size: 70px;
		font-family: 'Coda Caption', sans-serif;
		text-align:center;}

	.totally h5:nth-child(2){color:white;
				font-family: Helvetica; 
				font-size: 50px;				
				padding: -10px 0px;
				text-align:center;}

		.totally h5:nth-child(3){color:#ac9984;
			font-size: 100px;
			font-family: 'Six Caps', sans-serif;
			padding: 0px 0px 0px 0px;
			text-align:center;}
				
		
	
section {font-size:100px;
color:white;
font-family: 'Coda Caption', sans-serif;}

section p.little {font-size: 50px;}
