@charset "utf-8";
/* CSS Document */

/*
A Bootstrap 3.1 affix sidebar template
from http://bootply.com

This CSS code should follow the 'bootstrap.css'
in your HTML file.

license: MIT
author: bootply.com
*/

body {
 padding-top:50px;
	
/* LSM Added  	position: center;

	
  font-family: 'Lato', Calibri, Arial, sans-serif;

  background-color: #91cfa1;

		font-weight: 0;

*/	
 	
  background-image: url("/images/DJ_Master_Adjusted.jpg");
  background-repeat: no-repeat;
  background-position: center; 
  background-attachment: fixed;
  background-size: cover;
}

#masthead { 
 min-height:250px;
}



/****** Begin  Lenny Added *******/

.merchtext {
	color: #fff;
	font-size: 15px;
	text-align: center;
}


.facebooktwitter {
	height: auto;
	margin-left: 0%;

}

.facebooktwitter img{
	float: left;
    padding-left:0%;
	 max-height: 25%;
     max-width: 25%;
	margin-left: 0%;
	margin-bottom: 10px;
}

.googleCalendar{
  position: relative;
  height: 0;
  width: 75%;
  padding-bottom: 50%;
}

.googleCalendar iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.youtubevideo{
  position: relative;
  height: 0;
  width: 75%;
  padding-bottom: 50%;
}

.youtubevideo iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

}

/****** End Lenny Added *******/




@media (min-width: 979px) {
	
#masthead h1 {
 font-size: 80px;
	color: #710000;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #f0f0f0;
 line-height: 1;
 padding-top:20px;
}

#masthead .well {
 margin-top:8%;
}
	
  #sidebar.affix-top {
    position: static;
  	margin-top:30px;
  	width:228px;
  }
  
  #sidebar.affix {
    position: fixed;
    top:70px;
    width:228px;
  }
}

@media screen and (min-width: 768px) {
#masthead h1 {
 font-size: 80px;
	color: #710000;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #f0f0f0;
 line-height: 1;
 padding-top:20px;
}

#masthead .well {
 margin-top:8%;
}

.navbar-bright {
 background-color:#111155;
 color:#fff;
}

.affix-top,.affix{
 position: static;
}
}
	
@media screen and (max-width: 767px) {
#masthead h1 {
 font-size: 50px;
	color: #710000;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #f0f0f0;
 line-height: 1;
 padding-top:20px;
}

#masthead .well {
 margin-top:4%;
}

.navbar-bright {
 background-color:#111155;
 color:#fff;
}

.affix-top,.affix{
 position: static;
}