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

html {
  
  font:28px 'Ruluko';
 
  background: #ffffff;
  color: black;
}

body {
  margin: 0;
}



 .TOPBAR  { 
		
}



.TOPBAR a:link { 
 color: black;
 font-size: 26pt; 
 line-height: 30pt;
 text-decoration: none; border-radius: 10px;
}


/* visited link */
 .TOPBAR a:visited {
  color: black; 
  font-size: 26pt; 
text-decoration: none;
    
border-radius:20px;
}


/* mouse over link */
.TOPBAR a:hover {font-size: 26pt;
  color:gray;    text-decoration: underline;border-radius:20px;
}

/* selected link */
.TOPBAR a:active {font-size: 26pt;
color:white;   background-color: #FFFFFF; border-radius: 20px;
}

.nav{ 
/* 
top: 0;
left:: 0;
position: fixed;
background-image: linear-gradient(to bottom, #FFFFFF , #FFFFFF , #EEEEEE);  */
}
 


/* 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: 32pt;
  line-height: 36pt;
  font-weight: 800;
text-align:center;

  color: #090909;
 
}

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

  color: #090909;
 
}

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

  color: #090909;
 
}

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

  color: #090909;
 
}

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

  color: #090909;
 
}

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