/* Add here all your CSS customizations */

/* {color:#57a8be; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:500; line-height:15px;}  -->
{color:#57a8be; font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:500; line-height:15px;}
 { color:#000; font-family: 'Lato', sans-serif; font-size: 20px; font-weight: 500;  line-height: 30px;  margin: 0 0 14 0px;  text-align:justify; margin: 0 10 0 0; padding 20 0 40 0;  }  -->

/* .greg2 {font-size:24px; font-family: "Lato", "Helvetica", Arial, sans-serif;  color:#ffff; line-height:1.6; margin:10px 25px 15px 20px;  } /* margin:10px 15px 15px 20px; */

/* for the footer menu -- font color being overiden elsewhere nne importrant */
.menu-ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  overflow: hidden;
 /*   background-color: #333; */
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:600;
}

.menu-li {
  float: left; 
  color:#FFCC00 !important; 
}

.menu-li a {
  display: block;
  color:#FF9900 !important; 
  text-align: center;
  padding: 14px 16px;
  text-decoration:none;
}

.menu-li a:hover {
  /*  background-color: #111;  */  
  color:red !important; 
}






#blackish { background-color:#181818; margin: auto; width: 90%;  border: 1px solid #73AD21;     padding: 10px; }


 /* p .notes { color:#000; font-family: 'Lato', sans-serif; font-size: 12px; font-weight: 300;  line-height: 14px;   }
       a { color:#000; font-family: 'Lato', sans-serif; font-size: 16px; font-weight: 300;  line-height: 14px;   }  */
.notes { color:#999999; font-family: 'Lato', sans-serif; font-size: 16px; font-weight: 200;  line-height: 1px;   } 

 
  p.helen {
  color: #000;      /*   #9C9C9C;   */
  font-family: "Lato", "Helvetica", Arial, sans-serif;
  font-weight: 200;
  text-align:left;
  float: left;
  font-size: 18px;
  padding: 7px 0;
  clear: left;
  margin-top: 5px;
  line-height: 1.7; /* was 6  */
} 

div.name {  position: -webkit-sticky; position: sticky; top: 0;  padding: 5px;
 /* margin:0px;  */ margin-bottom: 2cm;
    
}
  



#footer {
	background: #212529;
	border-top: 4px solid #212529;
	font-size: 0.9em;
	margin-top: 0px;
	padding: 0;
	position: relative;
	clear: both;
}


  

/* div.name {  position: -webkit-sticky; position: sticky; top: 0;  padding: 5px; margin:0px;}  */


/* Paragraphs */
.greg {
	color: #3d3e57;
	line-height: 26px;
	margin: 0 0 20px;
}

.trio {
	color: #fff;
	font-family: "Lato", "Helvetica", Arial, sans-serif; font-size:24px; font-weight:500; line-height:15px;
	line-height: 18px;
	margin: 0 0 20px;
}




.story  {   
  color: #000      /*   #9C9C9C;   */
  font-family: "Lato", "Helvetica", Arial, sans-serif;
  font-weight: 200;
  text-align:left;
  float: left;
  font-size: 18px;
  padding: 7px 0;
  clear: left;
  margin-top: 5px;
  line-height: 1.7; /* was 6  */
} 



 p.helen {
  color: #000;      /*   #9C9C9C;   */
  font-family: "Lato", "Helvetica", Arial, sans-serif;
  font-weight: 300;
  text-align:left;
  float: left;
  font-size: 22px;
  padding: 7px 0;
  clear: left;
  margin-top: 5px;
  line-height: 1.7; /* was 6  */
} 


.feature1  {
    
  color: #000      /*   #9C9C9C;   */
  font-family: "Lato", "Helvetica", Arial, sans-serif;
  font-weight: 300;
  text-align:left;
  float: left;
  font-size: 22px;
  padding: 7px 0;
  clear: left;
  margin-top: 5px;
  line-height: 1.7; /* was 6  */
} 

p.toa {
  color: #fff;      /*   #9C9C9C;   */
  font-family: "Lato", "Helvetica", Arial, sans-serif;
  font-weight: 300;
  text-align:left;
  float: left;
  font-size: 22px;
  padding: 7px 0;
  clear: left;
  margin-top: 5px;
  line-height: 1.7; /* was 6  */
} 

div.name {  position: -webkit-sticky; position: sticky; top: 0;  padding: 5px;
  margin:0px;
    
}

p.studio {
  color: #000;      /*   #9C9C9C;   */
  font-family: "Lato", "Helvetica", Arial, sans-serif;
  font-weight: 300;
  text-align: justify;
  float: left;
  font-size: 22px;
  padding: 7px 0;
  clear: left;
  margin:0px 35px 0px 0px;
  line-height: 1.7; /* was 6  */
}