body {
        position: relative; 
        background-color: white;
    }


  h1 {
  display: block;
  font-family: 'Oswald', sans-serif;
  }

  h2 {
  display: block;
font-family: 'Oswald', sans-serif;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  }


  h3 {
  display: block;
font-family: 'Oswald', sans-serif;
  margin-bottom: 1.2em;
  }



  /* NAVBAR */


  /* NAVBAR */


  .navbar {
}


/* HEAD */

#head {
  background: #CD0404 url("images/firefighter-250h.png") no-repeat right;
   padding-top: 20px;
  padding-bottom: 20px;
   }

#head h2 {
  font-family: 'Oswald', sans-serif;
  font-size: 1.8rem;
  text-shadow: 2px 2px 5px black;
  margin: 8px;
 }

#head a {
color: white;
}

#head2 {
background-color: #a40303;
height: 50px;
}

#head2 a {
color: #FAFAD2;
font-size: 1.8vw;
  text-shadow: 2px 2px 5px black;
  margin: 8px;
  padding-top: 20px;
  padding-bottom: 20px;
}



  /* BAR */

  #bar {
  position: relative;
  right: 0;
  left: 0;
  z-index: 20;
   padding-top: 80px;
  padding-bottom: 10px;
  color: #fff;
  text-align: left;
  letter-spacing: 4px;
  font-weight: bold;
  font-size: 1.5em
       background: #cc0005; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left,rgba(255,0,0,1),rgba(255,0,0,0)); /*Safari 5.1-6*/
    background: -o-linear-gradient(right,rgba(255,0,0,1),rgba(255,0,0,0)); /*Opera 11.1-12*/
    background: -moz-linear-gradient(right,rgba(255,0,0,1),rgba(255,0,0,0)); /*Fx 3.6-15*/
    background: linear-gradient(to right, rgba(255,0,0,1), rgba(255,0,0,0)); /*Standard*/
  }

  #bar hr {
   border: 0;
   height: 1px;
   background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
   margin-bottom: 0.5em;
  }


  #bar h1 {
font-family: 'Oswald', sans-serif;
  font-size: 2.8em;
  text-transform: uppercase;
  color: #ed2939;
  text-shadow:2px 2px 10px yellow;
  }

  #bar a {
 font-family: 'Oswald', sans-serif;
  color: white;
  font-size: 1.3em;
  line-height: 5px;
  text-shadow:2px 2px 10px black;
  margin-bottom: 3px;
  }

  /* INDEX */

  #index-slide-cover {
         background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: linear-gradient(rgba(237,41,57, 0.8), rgba(237,41,57, 0.8)), 
         url("images/firetruck-1920.png");
       padding-top: 100px;
        padding-bottom: 100px;
    }


  #index-slide-cover h1 {
         font-family: 'Oswald', sans-serif;
         font-size:6vw;
         color: white;
         text-transform: uppercase;
         letter-spacing: 3px;
          left: -100px;
         line-height: 55px;
         padding-top: 20px;
      padding-right: 30px;
      padding-bottom: 20px;
      padding-left: 20px;
      text-shadow:2px 2px 10px black;
      text-align: center;
             }

 #index-slide-cover h3 {
         font-family: 'Oswald', sans-serif;
         font-size:3vw;
         color: white;
         text-transform: uppercase;
         letter-spacing: 3px;
          left: -100px;
         line-height: 55px;
         padding-top: 20px;
      padding-right: 30px;
      padding-bottom: 20px;
      padding-left: 20px;
      text-shadow:2px 2px 10px black;
      text-align: center;
             }


   #index-slide-cover p {
        font-family: 'Noto Serif', serif;
         font-size:150%;
         color: white;
         line-height: 35px;   
         letter-spacing: 3px;
           padding-top: 10px;
      padding-right: 10px;
      padding-bottom: 10px;
      padding-left: 10px;
       text-shadow:2px 2px 10px black;
         text-align: center;
         }

  

  /* TRUCKS */

  #trucks {
  font-family: 'Noto Serif', serif;
   margin-top: 120px;
  margin-bottom: 120px;
  }

  #trucks h5 {
    font-weight: bold;
  }



  /* JUDGES MENU */

  #judges-menu {
   padding-top: 10px;
    padding-bottom: 20px;
    margin-top: 20px;
  margin-bottom: 50px;
  background-color: #EDEAEA;
  }

    #judges-menu a {
  margin-bottom: 3px;
  font-size: 0.6em; 
  color: red;
  text-align: justify;
  }

  #judges-menu img {
  height: 50%;
  width: 60%;
    }

  #judges-menu h2 {
  margin-top: 30px;
  margin-bottom: 20px;
  }





   /* CONTENT */

  #content {
font-family: 'Noto Serif', serif;
   padding-top: 40px;
   padding-bottom: 50px;
  }

  #content p {
  margin-top:2em
  margin-bottom:2em
   font-size: 1.3em; 
  }


  #content a {
  margin-bottom: 5px;
  font-size: 1.2em; 
  color: red;
  }

  #content img {
margin: 30px;
  }

  #content h2 {
  margin-top: 40px;
  margin-bottom: 20px;
  }


   /* CONTENT */






  /* VIDEObg*/

  #videobg {
    padding: 250px 0px;
    background: #2a2a2a url(../img/testimonial-bg.jpg) center no-repeat;
    background-size: cover;
    color: #e2e2e2;
    position: relative; }
    
    #videobg .overlay {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      background: url(images/blue-overlay-20.png) repeat;
      z-index: 2; }

    #videobg video.bg {
      position: absolute;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      left: 0px;
      top: 0px;
      z-index: 0;
      display: block; }
      
    #videobg .text {
      font-family: 'Noto Serif', serif;
      text-shadow:2px 2px 10px black;
      font-size: 4em;
      line-height: 50px;
      width: 1150px;
      margin: auto;
      text-align: center;
      position: relative;
      z-index: 3; }

  /* VIDEObg*/

  /* theplayers*/

   #theplayers {
    position: relative;
     padding-top:50px;
     padding-bottom:50px;
     padding-left: 180px;
     height:auto;
     color: #fff;
     background-color: #D3D3D3;
        }


    #theplayers h3 {
    font-family: 'Noto Serif', serif;
     font-size: 3em; 
    text-align: center;
    margin-bottom: 1em;
    color: #808080;
    font-weight: bold;
  }


  #theplayers img {
  }

  /* theplayers*/

   
   

 
 
 
 
 
   
   /* FOOTER */
   


  #footer {
      padding-top: 200px;
      padding-bottom: 30px;
      height:auto;
      color: #fff;
 background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
     background-image: linear-gradient(rgba(0,0,0, 0.8), rgba(0,0,0, 0.8)), 
       url("images/four-fire.jpg");
      text-shadow:2px 2px 10px black;
    }






   #footer a {
font-family: 'Noto Serif', serif;
   font-style: italic;
   font-size: 1em;
   color: #cc0005;
   letter-spacing:1px;
   }


  #footer h2 {
   color: #fff;
 font-family: 'Oswald', sans-serif;
   font-size: 2.0em;
  }



   /* FOOTER */






  /* VIDEO */

  .videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
  }
  .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }


    /* headlines */
  div.feedburnerFeedBlock p.feedTitle a, div.feedburnerFeedBlock p.feedTitle a:hover, div.feedburnerFeedBlock p.feedTitle a:visited {color: #FFFFFF; font-weight: bold;}
  div.feedburnerFeedBlock span.headline {font-weight: bold; color: #FFFFFF; font-size: 1.0em;}
  div.feedburnerFeedBlock li {margin-bottom: 5px; color: #000000;}
  div.feedburnerFeedBlock {border:0.1px solid #fff; padding:5px;}
  #creditfooter {display: none;}





  /* MOBILE */

  /* 1330 */

  @media only screen 
  and (max-device-width : 1330px) 
   {

  #index-slide-cover {
        display: none;
                   }


  /* 1024 */

  @media only screen 
  and (min-device-width : 1024px) 
  and (max-device-width : 768px) {

  #index-slide-cover {
           display: none;
                 }

  #bar {
  position: fixed;
  top: 205px;
  }  



  }
  /* 768 */

  @media only screen 
  and (min-device-width : 768px) 
  and (max-device-width : 1024px) {


  #bar {
  display:none;
  }  

  #bar h1 {
  display: none;
     }

  #index-slide-cover {
                 }


  #index-slide-cover h1 {
padding-top: 80px;

        }

  #index-slide-cover p {
      
        }

        



  }
  /* 320 */
  @media only screen and (min-width : 320px) and (max-width : 736px) {
    
  .navbar-brand {
    font-size: 0.8em;
  }

  #index-slide-cover {
          max-width:100%;
          display: none;
                }


  #index-slide-cover h1 {
       font-size: 1.5em;
       left: 10px;
       line-height: 1.0em;
        }

  #index-slide-cover p {
    font-size: 1.3em;
       left: 1px;
       line-height: 1.0em;
        }


  #head2 a {
    font-size: 0.8em;
  }
             
#footer {
  background: #2a2a2a;
  padding-top: 50px;
}


  }