@keyframes fade-me-in {
  0% {opacity:0;}
  80% {opacity:0;}
  100% {opacity:1;}
}


#blah, .title-desc-inner {
  animation: fade-me-in 0.25s;
}

@font-face {
    font-family:Bold;
    /*src: url('KievitOT-Bold.otf');*/
    src: url('PostGrotesk-Medium.ttf');

    
}


@font-face {
    font-family:Medium;
    /*src: url('KievitOT-Medium.otf');*/
/*    src: url('recta-medium.ttf'); */
     src: url('PostGrotesk-Medium.ttf');


}



@font-face {
    font-family:Book;
    /*src: url('KievitOT-Book.otf');*/
/*      src: url('recta-medium.ttf');*/
  src: url('PostGrotesk-Book.ttf');




}



@font-face {
    font-family:BoldItalic;
    src: url('KievitOT-BoldItalic.otf');
}

@font-face {
    font-family:MediumItalic;
    src: url('KievitOT-MediumItalic.otf');
}


@font-face {
    font-family:Regular;
    /* src: url('Brown-Regular.ttf'); */
 /*src: url('KievitOT-Regular.otf'); */
   /*src: url('recta-regular.ttf');*/
  /*src: url('PostGrotesk-Book.ttf');*/
  src: url('PostGrotesk-Medium.ttf');

 }


@font-face {
    font-family:RegularItalic;
    src: url('KievitOT-Italic.otf');
}



@font-face {
    font-family:Light;
    src: url('KievitOT-Light.otf');
}



@font-face {
    font-family:MenuFont;
    /* src: url('Brown-Regular.ttf'); */
 /*src: url('KievitOT-Regular.otf'); */
   /*src: url('recta-medium.ttf'); */
  src: url('PostGrotesk-Medium.ttf');

 }

 
@font-face {
    font-family:MainTitle;
  /*  src: url('recta-smallcaps.ttf'); */
  src: url('PostGrotesk-Medium.ttf');


}


 
@font-face {
    font-family:MainTitleAGF;
    src: url('recta-smallcaps.ttf');
    src: url('recta-condensed.ttf'); 
   /* src: url('recta-medium.ttf'); */
    src: url('PostGrotesk-Medium.ttf');

}


 
@font-face {
    font-family:CardTitleAGF;
    src: url('recta-smallcaps.ttf');
    src: url('recta-condensed.ttf'); 
   /* src: url('recta-medium.ttf'); */
    src: url('PostGrotesk-Medium.ttf');

}






html, body {
  font-family: Medium;
   -webkit-text-size-adjust: 100%;
 
    margin: 0px;
    padding: 0px;
background:#FFFFFF;
background:rgb(245,245,231);
background:rgb(254,254,252);

color:rgb(100,100,100);


/*background:rgba(250,250,20,.05);*/
line-height:1.3em;
}


.container2 {
  margin-left:0%;  
    width:80%;
}



#grad1 {
   /* height: 100%;
    width: 100%; */
  height: 10000px;
    background: linear-gradient(to right, rgba(255,255,0,0.1) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 80% ,rgba(0,255,255,0.1) 100% ); /* Standard syntax (must be last) */
}



#grad2 {
    height: 100%;
    width: 100%;
    background: radial-gradient(at top right, blue 0%, white 50% ); /* Standard syntax (must be last) */
}

.container1 {
  margin-left:0%;  
  /*float:left;*/
  width:100%;
  margin-bottom:30px;
  /*max-width:1200px;*/



}  


.colBasic {
   /*float:left;*/
  font-family:Regular;
    text-align:left;
    font-size:13px;
   letter-spacing: 0.4px;
   line-height:1.2em;
       
  
  }



  .title1A
  {
      font-size:28px; /*1.1em;*/
      margin-left:0px;
      line-height:2em;
      text-align:left;
      /*color:rgb(255,0,2);*/
      background:rgb(86,180,213);
      color:white;
     
      padding-left:12px;
      padding-right:15px;
      padding-top:12px;
      padding-bottom:7px;
   
      /*color:rgb(77,205,196);*/
      /*padding-left:5.5px;padding-right:5.5px;*/
      
      font-family:MainTitle;
      letter-spacing: .02em; 
  }
  .title1A:hover
  {
    cursor:pointer;
    /*color:rgb(100,100,100);*/
  
  }

.title1B
{
    font-size:28px; /*1.1em;*/
    
    text-align:left;
    background:rgb(250,100,100);
    color:white;

    margin-left:0px;
    line-height:1.6em;
    padding-left:12px;
    padding-right:15px;
    padding-top:12px;
    padding-bottom:7px;
   
    font-family:MainTitle;
    letter-spacing: .02em; 
}
.title1B:hover
{
  cursor:pointer;
}



.title1C
{
    font-size:28px; /*1.1em;*/
    
    text-align:left;
    background:rgb(250,100,100);
    color:white;

    margin-left:0px;
    line-height:2em;
    padding-left:12px;
    padding-right:15px;
    padding-top:12px;
    padding-bottom:7px;
   
    font-family:MainTitle;
    letter-spacing: .02em; 
}
.title1C:hover
{
  cursor:pointer;
}


.title1D
{
    font-size:28px; /*1.1em;*/
    margin-left:0px;
    line-height:1.6em;
    text-align:left;
    /*color:rgb(255,0,2);*/
    background:rgb(77,183,97);
    color:white;
   
    padding-left:12px;
    padding-right:15px;
    padding-top:12px;
    padding-bottom:7px;
 
    /*color:rgb(77,205,196);*/
    /*padding-left:5.5px;padding-right:5.5px;*/
    
    font-family:MainTitle;
    letter-spacing: .02em; 
}
.title1D:hover
{
  cursor:pointer;
  /*color:rgb(100,100,100);*/

}




.title2
{
    font-size:16px; /*1.1em;*/
    font-weight:normal; /*bold;*/
    font-style:normal;
    color:rgb(41,41,40);
    margin:0px;
    text-align:left;
}

.cardTitle
{
  font-size:28px;
  /*font-family:CardTitleAGF;*/
  font-family:Medium;
  /*color:rgb(41,41,40);*/
  /*color:rgb(250,100,100);*/

  line-height:1.2em;
  text-decoration: none ;

}


.topOfMenuItem {
 border-top:#999 solid 0px;height:10px;
} 

.bottomOfMenuItem {
 height:0px;
} 


hr {
    border: 0;
    background: #333;
    height:1px;
  }

u {
 text-decoration:underline;
}


.projectCitation {
  font-size:11px;
  font-family:Medium;
  width:100%;
}


.projectCitation u {
  /*font-family:Medium;*/
  text-decoration:italic;
}




h1 {
  margin-top:0px;
  margin-bottom:0px;
  margin-bottom:5px;
  margin-left:0px; /*-10px*/
 

  /*text-transform:uppercase;*/
   font-size:16px;
 /* font-weight:500; */
  font-family:Medium;
font-weight:normal;
  color:#444;
}


h2 {
  margin-top:0px;
  margin-bottom:0px;
  margin-bottom:5px;
  margin-left:0px; /*-10px*/
   font-size:14px;
  font-family:Regular;
font-weight:normal;
text-decoration:underline;
  color:#444;
}





.leftMenu {
  position:fixed;
  top:50px;
  left:70px;
  font-size:13px;
  }



.leftMenu a:link {
  font-family:Regular,Regular;
}
.img-border {
}


.node img {

  margin-top:0px;
  margin-bottom:5px;
  margin-left:0px;
  margin-right:0px;
  
  max-width:110%;
  
}

img {

  margin-top:0px;
  margin-bottom:0px;
  margin-left:0px;
  margin-right:0px;
  
  /*max-width:200%;*/
  
}

#wrapper{
    overflow:hidden;
}
#wrapper>div{
    display:inline-block;
    vertical-align:bottom;
}

.container {
  clear: both;
}
.images {
  width: 15%;
  float: left;
  vertical-align: text-top;
}
.text {
  width: 85%;
  float: right;
  vertical-align:text-top;
}


/* for insets within text block */
img.floatRightClear {
    float: right; 
       margin-left: 60px; 
    margin-bottom: 0px; 
    width: 200px;
    border:1px solid black;

}


.portrait {

  /* padding:10px;	 */
 
  /*
  border:1px solid black;

  border:10px solid rgb(86,180,213);
  border:6px solid rgb(100,100,100);

	*/
   border:1px solid rgb(100,100,100); 
  
;
  /*opacity:1.0;*/

margin-bottom:4px;
}

.portrait:hover {

	
	padding:0px;	
/*
border:11px solid rgb(86,180,213);
*/

/* border:1px solid rgb(86,180,213); */

}

.portrait a {
	text-decoration:none;
}


.imageRef {

	padding-bottom:4px;
}

.imageRef a:link {
  color:none;
  text-decoration: none ;

  border-bottom: 0px solid #da2253;
  
  background: transparent linear-gradient(90deg, rgb(255,0,2), rgb(255,0,2)) no-repeat 0 93%;
  background-size: 100% 0px;
  background-position: bottom 0px left;
}

.imageRef a:link:hover {
  color:none;
  text-decoration: none ;

  border-bottom: 0px solid #da2253;
}


.imageRef a:visited {
  color:none;
  text-decoration: none ;
  border-bottom: 0px solid #da2253;
}


.imageRef a:visited:hover {
  color:none;
  text-decoration: none ;
  border-bottom: 0px solid #da2253;
}


.imageRef a:hover {
  color:none;
  text-decoration: none ;

  border-bottom: 0px solid #da2253;
}


img a:link:hover {
  border-bottom: none;
}


img a:visited:hover {
  border-bottom: none;
}


.header-all {
 position:fixed;
  top:0px;
  left:0px;
}

.header
{
    top:0px;
  margin-bottom:0px;
  left:0px;
  text-align:left;
   min-width:300px;
}









.menuPosition {
 position:fixed;top:47px;left:0px;width:350px;font-size:12px;line-height:1em;

 /*text-align:right;*/
}


.contentPosition {
position:absolute;
left:400px;
top:20px;
min-width:300px;
margin-right:60px;
overflow:no-content;
display:inline-block;
background:rgb(254,254,252);

z-index:10; 
}



.submenuPosition {
	position:relative;
	top:60px;
	left:12px;
	line-height:1.3em;
	font-size:28px;
}

a {
	  text-decoration:none;
	  color:rgb(100,100,100);
  }



.projectLinks {

font-size:16px;
text-decoration:none;

	font-family:Book;
	margin-top:-2px;
	margin-left:1px;

	margin-bottom:8px;
	line-height:1.5em;
	
}


.projectLinks a {
	text-decoration:none;
	padding-bottom:2px;
	padding-right:-5px;
	
	color:rgb(86,180,213);
	color:rgb(250,100,100);

	/*color:rgb(41,41,40); */


}

.projectLinks a:link {
/*	color:rgb(41,41,40);*/
	
background: transparent linear-gradient(90deg, rgb(86,180,213), rgb(86,180,213)) no-repeat 0 93%;
background-size: 100% 2px;
background-position: bottom 0px left;


}


.projectLinks a:link:visited {
/*	color:rgb(41,41,40); */
	
/* background: transparent linear-gradient(90deg, rgb(255,0,2), rgb(255,0,2)) no-repeat 0 93%; */
background-size: 100% 2px;
background-position: bottom 0px left;


}


.projectLinks a:link:hover {

/* color:rgb(41,41,40); */
/* background: transparent linear-gradient(90deg, rgb(255,0,2), rgb(255,0,2)) no-repeat 0 93%; */
background-size: 100% 6px;
background-position: bottom 0px left;

}


.projectLinks a:visited:hover {

/*	color:rgb(41,41,40); */
/* background: transparent linear-gradient(90deg, rgb(255,0,2), rgb(255,0,2)) no-repeat 0 93%; */
background-size: 100% 6px;
background-position: bottom 0px left;

}




.contentText {
	color:rgb(40,40,40);
	text-align:left;
	margin-top:3px;
	font-size:16px;
	line-height:1.4em;
	font-family:Book;
}

.contentText a {
	text-decoration:none;
    padding-bottom:2px;
    color:rgb(40,40,40);

    color:rgb(255,100,100);

  }



.contentText a:link {
  /*color:#00b5e2;
  color:rgb(41,41,40);*/
  /*font-family:Helvetica,Regular;*/

background: transparent linear-gradient(90deg, rgb(86,180,213), rgb(86,180,213)) no-repeat 0 93%;

/* background: transparent linear-gradient(90deg, rgb(255,0,2), rgb(255,0,2)) no-repeat 0 93%; */
background-size: 100% 2px;
background-position: bottom 0px left;



}

.contentText a:link:hover {
/*color:rgb(41,41,40);*/

/* background: transparent linear-gradient(90deg, rgb(255,0,2), rgb(255,0,2)) no-repeat 0 93%; */
background-size: 100% 6px;
background-position: bottom 0px left;


}

.contentText a:visited {
  /* color:rgb(41,41,40); */
}



.contentText a:link:visited:hover {
/* color:rgb(41,41,40); */
/* background: transparent linear-gradient(90deg, rgb(255,0,2), rgb(255,0,2)) no-repeat 0 93%; */
background-size: 100% 6px;
background-position: bottom 0px left;


}



@media (max-width: 668px) {


.menuPosition {
 position:absolute;left:0px;top:27px;width:100%;font-size:18px;font-family:Regular;
}

.title1 {
	font-size:48px;
	position:absolute;
	left:0px;
	top:0px;


	margin-left:0px;
    line-height:1.6em;
    padding-left:15px;
    padding-right:19px;
    padding-top:5px;
    padding-bottom:1px;

}

.title1B {
	font-size:48px;
	position:absolute;
	left:0px;
	top:86px;
	padding-right:19px;

		margin-left:0px;
    line-height:1.6em;
    padding-left:15px;
    padding-right:25px;
    padding-top:5px;
    padding-bottom:1px;


}


.title1C {
	font-size:48px;
	position:absolute;
	left:0px;
	top:86px;
	padding-right:19px;

		margin-left:0px;
    line-height:1.6em;
    padding-left:15px;
    padding-right:25px;
    padding-top:5px;
    padding-bottom:1px;


}


.contentPosition {
 position:absolute;left:17px;top:520px;width:580px;
}

.submenuPosition {

 position:absolute;top:200px;left:19px;
 line-height:1.2em;
	font-size:32px;
	width:580px;

}

.contentText {
	color:rgb(40,40,40);
	text-align:left;
	margin-top:3px;
	font-size:24px;
	line-height:1.4em;
	font-family:Book;
}

.cardTitle
{
  font-size:40px;
  }



.projectLinks {

	font-size:26px;
}

}



@media (max-width: 376px) {


.menuPosition {
 position:absolute;left:0px;top:17px;font-size:18px;font-family:Regular;

 width:300px;
}

.title1 {
	font-size:36px;
	position:absolute;
	left:0px;
	top:0px;
	width:300px;

	
	margin-left:0px;
    line-height:1.6em;
    padding-left:10px;
    padding-right:19px;
    padding-top:5px;
    padding-bottom:1px;

}

.title1B {
	font-size:36px;
	position:absolute;
	left:0px;
	top:66px;
	width:300px;

	
	margin-left:0px;
    line-height:1.6em;
    padding-left:10px;
    padding-right:19px;
    padding-top:5px;
    padding-bottom:1px;

}


.title1C {
	font-size:36px;
	position:absolute;
	left:0px;
	top:66px;
	width:300px;

	
	margin-left:0px;
    line-height:1.6em;
    padding-left:10px;
    padding-right:19px;
    padding-top:5px;
    padding-bottom:1px;

}

.contentPosition {
 position:absolute;left:10px;top:350px;
 width:340px;
}

.submenuPosition {

 position:absolute;top:150px;left:11px;
 line-height:1.2em;
	font-size:20px;
	width:300px;

}

.contentText {
	color:rgb(40,40,40);
	text-align:left;
	margin-top:3px;
	font-size:16px;
	line-height:1.4em;
	font-family:Book;
}

.cardTitle
{
  font-size:30px;
}



.projectLinks {

	font-size:16px;
}

}