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 {
    max-width: 100%;
}


/* HEAD */

#head {
  background: #CD0404;
   padding-top: 20px;
  padding-bottom: 20px;
 max-width: 100%;
   }

#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;
max-width: 100%;
}

#head2 a {
color: #FAFAD2;
font-size: 1.8vw;
  text-shadow: 2px 2px 5px black;
  margin: 8px;
  padding-top: 20px;
  padding-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;
  }

tr .height {
font-weight: bold;

}

   /* CONTENT */


  

   
   

 
 
 
 
 
   
   /* 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("");
      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 */






  


    /* 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;
}


  }