@font-face {
  font-family: Anton;
  src: url("/fonts/anton.ttf");
}


/* Move down content because we have a fixed navbar that is 50px tall */
body {
/*  padding-top: 50px; */
  padding-bottom: 20px;
}


body.nav{
padding-top: 50px;
  padding-bottom: 20px;
}




/* --- navbar - */



/* navbar */
.navbar {
  background-color: #666666;
  border-color: #666666;
}
.navbar .navbar-brand {
  color: #ffffff;
}
.navbar .navbar-brand:hover, .navbar .navbar-brand:focus {
  color: #ff3300;
}
.navbar .navbar-text {
  color: #ffffff;
}
.navbar .navbar-nav > li > a {
  color: #ffffff;
}
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {
  color: #ff3300;
}
.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus {
  color: #ff3300;
  background-color: #666666;
}
.navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus {
  color: #ff3300;
  background-color: #666666;
}
.navbar .navbar-toggle {
  border-color: #666666;
}
.navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus {
  background-color: #666666;
}
.navbar .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar .navbar-collapse,
.navbar .navbar-form {
  border-color: #ffffff;
}
.navbar .navbar-link {
  color: #ffffff;
}
.navbar .navbar-link:hover {
  color: #ff3300;
}

@media (max-width: 767px) {
  .navbar .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar .navbar-nav .open .dropdown-menu > li > a:hover, .navbar .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ff3300;
  }
  .navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ff3300;
    background-color: #666666;
  }
}
/* --------------- */



h1, h2, h3 {
  font-family: Anton;
  color: #999;
}

.jumbotron h1, .jumbotron h2 {
  color: #FE5F5C; /* white; */
  font-family: Anton;
  letter-spacing: 0.1em;
}

.jumbotron h1{
  font-size: 78px;;
}

.jumbotron h2{
  font-size: 68px;;
}


.excerpt img {
width: 250px;
}

h3 a, h2 a  {
  color: #666;
}


@media screen and (min-width: 780px) {
.jumbotron {
background-color: #D8DAC5;  /* #FF3300; */
/* background-image: url(/images/max-r+d_header-jamesbritt.png);  */
background-image: url(/images/SMALL_GUITAR_PIECES_header.jpg); 
background-position: right 20px bottom 10px ;
background-repeat: no-repeat;
height:300px;
}

#postheader {
 height:430px;
/* background-image: url(/images/max-r+d_header-jamesbritt_lg.png);  */
background-image: url(/images/SMALL_GUITAR_PIECES_header.jpg); 
background-position: right 20px bottom 30px ;

}
#news {

 height:500px;
/* background-image: url(/images/max-r+d_header-jamesbritt_lg.png);  */
background-image: url(/images/SMALL_GUITAR_PIECES_header_lg.jpg); 
background-position: right 20px bottom 100px ;


}

#news .spiel {
color:#304467; /*  #00CCFF; */
}

em.title {
color:#1F8E85; /*  #00CCFF; */
}


#news a  {
color: white ! important;

}

#news a:hover  {
color: #00FF33;

}
}

@media screen and (max-width: 780px) {
.jumbotron {
  background-color: #D8DAC5;  /* #FF3300; */
  
  height:200px;
 }

.jumbotron h1{
  font-size: 48px;;
}

.jumbotron h2{
  font-size: 38px;;
}


 }