@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: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: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:rgb(254,254,252);

color:rgb(41,41,40);
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.4em;
       
  
  }


.title1_agf
{

    font-size:32px; 
    margin:0px;
    margin-left:0px;
    margin-bottom:40px;
    text-align:left;
    color:rgb(23,147,196);
    color:black;
    color:rgb(41,41,40);

    font-family:MainTitleAGF;
    margin-left:28px;
    margin-left:18px;
}

.title2_agf
{
    font-size:28px; 

    text-align:left;
    color:rgb(23,147,196);
    color:black;
    color:rgb(41,41,40);
    color:white;
    background:rgb(250,100,100);
 
    font-family:MainTitleAGF;
    margin-left:6px;
    line-height:1.8em;

    padding-left:12px;
    padding-right:15px;
    padding-top:12px;
    padding-bottom:7px;
 
}


.cardTitle 
{
	font-family:CardTitleAGF;
}

.title2B_agf
{
    font-size:28px; 

    text-align:left;
    color:rgb(23,147,196);
    color:black;
    color:rgb(41,41,40);
    color:white;
    background:rgb(250,100,100);
    background:rgb(86,180,213);

 
    font-family:CardTitleAGF;
    margin-left:6px;
    line-height:1.8em;

    padding-left:12px;
    padding-right:15px;
    padding-top:12px;
    padding-bottom:7px;
 
}



.title2_agf:link {

  text-decoration:none;
}


.title2B_agf:link {

  text-decoration:none;
}


.title2_agf:link:hover {
  

}
.title2_agf:hover {
  

}
.title2_agf:visited {
   
}
.title2_agf:visited:hover {
   
}







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

.bottomOfMenuItem {
 height:3px;
} 


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

u {
  /*color:rgb(255,39,52);*/
 text-decoration:underline;
 /*font-family:Light;*/
}


.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*/
 /* color:rgb(255,39,52); */
 

  /*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*/
 /* color:rgb(255,39,52); */
 

  /*text-transform:uppercase;*/
   font-size:14px;
 /* font-weight:500; */
  font-family:Regular,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 {
 /*   border:5px solid rgb(255,39,52);*/
/*border:5px solid #00b5e2;*/
/*

  margin-top:0px;
  margin-bottom:0px;
  
  border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	*/
}


.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;

}



.portraitAGF {
 
  width:35%;	
  border:0px solid black;
  float:left;
  margin-top:2px;
  margin-right:35px;
  margin-bottom:18px;

  
}


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

  border-bottom: 0px solid #da2253;
}

.imageRef a:link:hover {
  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;
}



.contentPosition {

position:absolute;min-width:300px;margin-right:60px;overflow:no-content;display:inline-block;background:white;z-index:10; 

top:0px;left:400px;


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

}




.contentPosition a {
    /*padding-bottom:4px;*/

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

    color:rgb(255,100,100);

  }

  

.contentPosition a:link {

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;



}


.contentPosition 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;


}



/*
.contentPosition a:link:hover {
  color:#00b5e2;
  color:rgb(204,0,106);
color:green;
color:black;
color:rgb(41,41,40);


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

}

.contentPosition a:visited {
   color:rgb(41,41,40);

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

}



.contentPosition a:hover {
   color:rgb(41,41,40);

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

}
*/

.header-all {
 position:fixed;
  /*height:0%;*/

  top:0px;
  left:0px;

 /* width:100%; */


}

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



.submenuPosition {

	position:relative;
top:34px;
text-align:left;
width:300px;
margin-left:20px;

font-family:MainTitleAGF;
text-decoration:none;
font-size:24px;
line-height:1.2em;

border-bottom: 0px solid red;


}



.menuLine_AGF {

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

padding-left:7px;
    padding-right:15px;
    padding-top:12px;
    padding-bottom:7px;

margin-left:-10px;

}



.menuLine_AGF:hover {
  color:rgb(255,61,36);
color:rgb(86,180,213);

    border-bottom: 0px solid red;

}




/*

.menuLine_AGF:link {
  color:rgb(200,100,100);
  color:rgb(77,205,196);

  text-decoration:none;
  border-bottom: 0px solid red;
}



.menuLine_AGF:hover {
  color:rgb(255,61,36);

    border-bottom: 0px solid red;

}


.menuLine_AGF:visited {
  color:rgb(100,100,100);
  color:rgb(77,205,196);

   background:rgb(86,180,213);
   color:red;


   border-bottom: 0px solid green;
}


.menuLine_AGF:visited:hover {
   color:rgb(255,61,36);
;
  color:rgb(86,180,213);
   border-bottom: 0px solid red;
}
*/

/*
.menuLine_AGF:hover {
  color:rgb(255,61,36);
;
  color:rgb(86,180,213);

  border-bottom: 0px solid red;

}
*/





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

 /*text-align:right;*/
}






@media (max-width: 668px) {


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


 width:650px;
 
}

.title2_agf {
	position:relative;
	font-size:44px;
	top:0px;
	line-height:1.6em;

	    padding-left:30px;
    padding-right:29px;
    padding-top:8px;
    padding-bottom:3px;
	left:0px;

}


.title2B_agf {
	position:relative;
	font-size:44px;
	top:0px;
	width:650px;
	line-height:1.1em;
	left:0px;
	    padding-left:30px;
    padding-right:29px;
    padding-top:8px;
    padding-bottom:3px;

}



.contentPosition {
 position:absolute;
 left:10px;
 top:250px;
 width:640px;
}

.submenuPosition {

 position:absolute;
 top:150px;left:23px;
 line-height:1.2em;
	font-size:20px;
	width:600px;
	margin-bottom:0px;
/*visibility:hidden;*/


}


.portraitAGF {
 
  width:38%;	
  border:0px solid black;
  float:left;
  margin-top:6px;
  margin-right:25px;
  margin-bottom:0px;

  
}





}




@media (max-width: 376px) {


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


 width:350px;
}



.title2_agf {
	position:relative;
	font-size:32px;
	top:0px;
	line-height:1.6em;

	    padding-left:7px;
    padding-right:7px;
    padding-top:8px;
    padding-bottom:3px;
	left:-10px;

}


.title2B_agf {
	position:relative;
	font-size:32px;
	top:0px;
	width:650px;
	line-height:1.2em;
	left:-10px;
	    padding-left:7px;
    padding-right:7px;
    padding-top:8px;
    padding-bottom:3px;

}



.contentPosition {
 position:absolute;
 left:5px;
 top:250px;
 width:330px;
}

.submenuPosition {

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

/*visibility:hidden;*/

}



.portraitAGF {
 
  width:48%;	
  border:0px solid black;
  float:left;
  margin-top:6px;
  margin-right:15px;
  margin-bottom:0px;

  
}


}