@import 'https://fonts.googleapis.com/css?family=Ruluko';
@import 'https://fonts.googleapis.com/css?family=Josefin+Slab:300';

html {
  
  font:28px 'Ruluko';
 
 min-height: 100%;  
 
}

 body{ background-image: url('splash.jpg') ;
  background-repeat: no-repeat;
  background-attachment: fixed;   
  

background-color:#446644 ;
  
  min-height: 100%; 
  
 
  margin: 0;
}




 .TOPBAR  { 
 
  
}

.TOPBAR a:link { 
  color: white;
 font-size: 28pt; 
  line-height: 56pt;
    text-decoration: none; border-radius: 10px;
}


/* visited link */
 .TOPBAR a:visited { 
  color: white; 
  
  text-decoration: none;border-radius: 10px;
}


/* mouse over link */
.TOPBAR a:hover { line-height: 56pt;
font-size: 28pt; 
  color: #0000ff; background-color: #FFF; text-decoration: underline;border-radius: 

10px;
}

/* selected link */
.TOPBAR a:active {
  color: white;text-decoration: none;border-radius: 10px;
}


/* Headings
 ========================================================================== */
h1{
  margin: 0 0 15px 0;
font-size: 38pt;
  line-height: 48pt;
  font-weight: 900;
text-align:center;

  color: #090909;
 
}

h2{
  margin: 0 0 15px 0;
font-size: 36pt;
  line-height: 46pt;
  font-weight: 800;
text-align:center;

  color: #090909;
 
}

h3{
  margin: 0 0 15px 0;
font-size: 34pt;
  line-height: 44pt;
  font-weight: 700;
text-align:center;

  color: #090909;
 
}

h4{
  margin: 0 0 15px 0;
font-size: 32pt;
  line-height: 42pt;
  font-weight: 600;
text-align:center;

  color: #090909;
 
}

h5{
  margin: 0 0 15px 0;
font-size: 30pt;
  line-height: 40pt;
  font-weight: 500;
text-align:center;

  color: #090909;
 
}

h6 {
  margin: 0 0 15px 0;
font-size: 28pt;
  line-height: 38pt;
  font-weight: 400;
text-align:center;

  color: #090909;
 
}

  
  span{ display: inline-block; } 
.flip_H{ transform: scale(-.9, 1.1 );      }

.nav{ 
  
 border-radius: 00px;
  position: fixed;
top: 0;
left:: 0;
 
  background-image: linear-gradient(to bottom, #000088ff , #00000000);  
}