/*Custom Style Sheet */
/*----------------------------- nav bar styling-------------------------------*/
.navbar-brand {
height: 60px;
width: 213px;
position: top;
padding: 0;

}

.navbar-default  {
  background-color: #000000;
  height: 80px;
    border-left-color: #000000;
	border-right-color: #000000;
   border-bottom-color: solid 2px; 	
    padding-top: 10px;
   padding-bottom: 10px;
  }


.navbar-toggle {
position:right;
margin-top: 12px;
}

.navbar-nav {
  padding-top: 5px;
  border-bottom: 1px;
}

     
/*-------------------------drop down menu-----------------------------------------*/
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #e7e7e7;
  background-color: black;
}

.navbar-default .navbar-nav>li>a {
  color: white;
  font-family: 'Michroma', sans-serif;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li >a:focus {
color: #428bca;
}
/*---------------------------main nav links*----------------------------------------*/
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
  color: #ffffff;
  background-color: #000000;
  font-family: 'Michroma', sans-serif;
}
/* --------------------------------nav bar end-----------------------------------*/

/*-------reset margins to 0---------------*/
* {
    margin: 0;
}


/*
body {
  background-color: black;
}
*/
body {
background-color: #2B2B2B;
}


html, body {
    height: 100%;
	}

hr {
    border-top: 1px solid white;
}

p {
font-family: 'Roboto', sans-serif;
font-size: 15px;
}

h2{
font-family: 'Michroma', sans-serif;
padding-left: 10px;

}

h3 {
font-family: 'Michroma', sans-serif;
padding-left: 10px;
color: grey;
}

h4 {
font-family: 'Michroma', sans-serif;
padding-left: 10px;
color: white;
}
.container {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -155px; /* the bottom margin is the negative value of the footer's height */
}
/*-------------------------------jumbotron banner-------------------------*/
#home  {
margin-bottom: 0px;
background-image: url("../img/banner2.jpg");no-repeat center center fixed; 
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }
  
 #about {
    margin-bottom: 0px;
    background-image: url("../img/about.jpg");no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  } 
  
  #events {
    margin-bottom: 0px;
    background-image: url("../img/events.jpg");no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  
  #djs {
    margin-bottom: 0px;
    background-image: url("../img/dj2.jpg");no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  
  #contact {
    margin-bottom: 0px;
    background-image: url("../img/contact.jpg");no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  
  .jumbotron {
  background-clip: padding-box;
    border: 10px solid transparent;
}
.jumbotron h1 {
color: white;
font-family: 'Michroma', sans-serif;
}

.jumbotron p {
color: #ffcc00;
font-family: 'Michroma', sans-serif;
}
/*------------------------------------jumbotron end-------------------*/


 /*--------------button------------------------*/
 
 .btn {
  font-family: 'Michroma', sans-serif;
 margin-left: 10px;
 margin-bottom: 20px;
 }
 
 .glyphicon {
 margin-right: 10px;
 }
 /*----------------button end-----------------*/



/*-----------------------------footer--------------------------------*/
.footer, .push {
    height: 100px; /* .push must be the same height as .footer */
}

.footer {
background-color: #1f1f1f;
margin-top: 20px;
padding-top: 20px;
padding-bottom:20px;
height: 100px;
}


p.text.muted {
text-align: center;
color: grey;
font-size: 10px;
}

.container {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -100px;
}

ul.foot{
       text-align: center;
} 

ul.foot {
-webkit-padding-start: 0;
}

.foot li {
font-family:'Michroma', sans-serif;
font-size: 12px;
display: inline;
    }
.foot li a {
color: white;
}

/*----------------------------footer end------------------------------*/


/*.navbar-header{
 height: 70px;
 }*/

 /*body {
    background: url("../img/dscn1978.jpg")no-repeat scroll 0 0 / 100% 100% transparent !important;
    height: 100%;
    margin: 0;
    padding: 0;
}*/
/*picture background*/
/*body {
  background: url("../img/dscn1978.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}*/





div .col-sm-4 p{
padding: 10px;
color: #999999;
}
div .col-sm-6 p{
padding: 10px;
color: #999999;
}
/* create transparent border around column boxes*/
[class*="col-"] {
    background-clip: padding-box;
    border: 10px solid transparent;
}
 .col-sm-4 {
background-color: black;
}

.col-sm-6 {
background-color: black;
}

/* ----------------home page--------------------*/ 
#first  h2{
color: #6600CC;
}
#second h2{
color: #cc0000;
}
#third h2{
color: #ffcc00;
}
#forth {
background-color: black;
}
#fifth {
background-color: black;
}
 #fifth h3 {
 color: white;
 }
 #forth h3 {
 color: white;
 }
nav hover {
color: red;
}
#sixth  h2{
color: #6600CC;
}

#seventh  h2{
color: #6600CC;
}

#thirteen h3 {
color: white;
}
#forteen h3 {
color: white;
}

/*#first {
min-height: 227px;
}
 #second {
 min-height: 227px;
 }
 #third {
 min-height: 227px;
 }
 */
 
 /*social media logo margins*/ 
 .twitter {
  margin-left:10px;
 margin-bottom: 20px;
 margin-right: 10px;
 }
 .soundcloud {
  margin-left:10px;
 margin-bottom: 20px;
 margin-right: 10px;
  }
  
  .facebook {
  margin-left:10px;
 margin-bottom: 20px;
 margin-right: 10px;
 }
 
 .google {
 margin-left:10px;
 margin-bottom: 20px;
 margin-right: 10px;
 }
 
  /*home page bottom columns code to keep them the same height*/
  @media (min-width: 768px) {
  #fifth, #forth {
  height: 220px;
  }}
  
  
  @media screen and (min-width:768px){
  #fifth p{
  padding-bottom: 0px;
  }}
  
  @media screen and (min-width:1200px){
  #fifth p {
  padding-bottom: 10px;
  }}
  @media(min-width:992px){
  #fifth, #forth {
  height: 198px;
  }}
  
 @media screen and (max-width:340px){
 .soundcloud {
 margin-right: 100px;
 }}
 /*-------------------------home page end--------------------------------*/
 
 
 /*-------------------------about Us page--------------------------------*/
@media screen and (min-width:1200px){
 #sixth {
 min-height: 501px;
 }}
 
 @media screen and (max-width:1200px){
 #sixth {
 min-height: 430px;
 }}
  .flyer1 {
  width: 100%;
 
margin-left: auto;
margin-right: auto;
 margin-top: 20px;
  margin-bottom: 20px;
 }

 @media screen and (max-width:991px){
 #seventh {
 min-height: 500px;
 }}
 
 @media screen and (max-width:455px){
 #seventh {
 min-height: 200px;
 }}
 /*-------------------------about us end---------------------------------*/
 
 /*-------------------------events page----------------------------------*/
 
 #nineth {
 padding-top: 20px;
 padding-bottom: 20px;
 }
 
.poster {
 width: 100%;
 } 
 
 #eight h2 {
 color: #cc0000;
 }
 
 .dj {
 font-size: 18px;
 }
 .djs {
 font-size: 16px;
 }
  li {
  color: grey;
  }
 .features {
 color: grey;
 }
 @media screen and (min-width:1200px){
 #eight {
 min-height: 817px;
 }
 }
 
 @media screen and (max-width:1200px){
 #nineth {
 min-height: 300px;
 }
  }
  
 @media screen and (min-width:991px){
#eight {
min-height: 817px;
}
} 

@media screen and (min-width:340px){
#nineth {
min-height: 300px;
}}

@media screen and (min-width:300px){
#nineth {
min-height: 300px;
}}

@media screen and (min-width:768px){
#nineth {
min-height: 865px;
}}

/*@media screen and (max-width:768px){
#nineth {
min-height: 865px;
}}*/

@media screen and (min-width:991px){
#nineth {
min-height: 818px;
}
}




/*----------------------------events end-------------------------------------*/

/*-----------------------------DJs-------------------------------------------*/
.pete, .steve, .lucy {
margin-top: 10px;
margin-left: 10px;
margin-right: 20px;
margin-bottom: 10px;
}

#ten, #eleven, #twelve h2{
color:#ffcc00;
}

#ten, #eleven, #twelve {
padding-bottom: 20px;
}

@media screen and (max-width:768px){
#ten, #eleven, #twelve {
min-height: 220px;
}
}
/*-----------------------------DJs end---------------------------------------*/



/*-------------------------------Contact Page---------------------------------*/

#info h2{
color: white;
}

#info2 h2{
color: white;
}

.map {
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
}

@media screen and (min-width:1200px){
 #info {
 min-height: 530px;
 }}

@media screen and (max-width:1200px){
 #info {
 min-height: 454px;
 }}
 
 @media screen and (max-width:992px){
 #info2 {
 min-height: 454px;
 }
 }
 @media screen and (max-width:450px){
 #info2 {
 min-height: 320px;
 }
 }
 /*---------------------------------Contact end--------------------------------*/