body::-webkit-scrollbar {
    width: 1em;
}
 
body::-webkit-scrollbar-track { 
 background-color:#bcbcbc;
}
 
body::-webkit-scrollbar-thumb {
   background-color:#bcbcbc;
   border-right:black;
    border-bottom:black;
    border-left:white;
    border-top:white;
     border-width: 3px;
    border-style:solid; }

div::-webkit-scrollbar {
    width: 1em;
}
 


div::-webkit-scrollbar-track { 
 background-color:#bcbcbc;
}
 


div::-webkit-scrollbar-thumb {
   background-color:#bcbcbc;
   border-right:black;
    border-bottom:black;
    border-left:white;
    border-top:white;
     border-width: 3px;
    border-style:solid; }

#content{min-width: 600px;
width:77%; 
	position:absolute;
	top:5vh;
	margin-left:20%;}
	
	body{
        min-width: 600px;
        background-color:white;
	overflow-x:visible;
	cursor:crosshair;}
	
	p {font-family: 'helvetica arial', sans-serif;
    color:#000000;
    line-height: 120%;}
    
	#mysidenav{position:fixed;
	top:70px;}
	
	.sidenav {
  
    width: 0; 
    position: fixed; 
    z-index: 999;
    left: 0;
    background-color: #bcbcbc; 
    overflow-x: hidden; 
    padding-top: 30px; 
	transition: 0.5s;}
	
	#projnav{position:fixed;
	top:10em;}
    
img {width:100%; height:auto;}
    
    .sidenav a {
    font-family:helvetica;
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 15px;
    color: #000000;
    display: block;
    transition: 0.3s;
    border-right:black;
    border-bottom:black;
    border-left:white;
    border-top:white;
    border-style:solid;}
    
    .sidenav a:hover{text-decoration: underline;}
    
    .sidenav .closebtn {
    position: absolute;
    top: -5px;
    right: 0px;
    font-size: 20px;
    margin-left: 50px;
    padding:1px;}
    
    .tbl { width:70%;
    display:table;

table-layout: fixed;
        
}
	.tbl span {
    display:table-cell;
    text-align:center;
}	
.cntr{margin: auto;}

	.click {padding:1% 2% 1% 0%; width:74%; }
	
	.rule {border-top:1px;border-bottom:0px;border-left:0px;border-right:0px; border-style:solid; border-color:#595959; padding-top:3px; margin-top: -5px;}
	
	.bottom {height:60%; overflow:hidden;}
	
	.txt {width:36%; padding:1% 2% 1% 0%;}
	
	.grey{color:#595959;}
	
	.b{ font-family: ITCLubalin; font-weight: bold; font-size: 1.7em;}

.main-title {font-size: .9em; font-family:helvetica; text-decoration: underline;}
	
	.cntr{margin:auto;}
	
	.u{text-decoration: underline;}
	
	.txtright {text-align:right;}
	
	.fltright { display: -webkit-flex;
    display: flex;
       -webkit-flex-wrap: wrap;
    flex-wrap: wrap;}
    
    .hand{cursor: pointer;}
    
    .right {float:right;}
	
	.work { width:100%; height:auto;
	}
.outline{border: 1px solid black;}
    
.head {width: 74%; z-index:99999;text-decoration: none; text-decoration-color: white;}
 a:hover {text-decoration: none; font-style: italic;}
	@font-face {font-family: ITCLubalin;
    src:url(LubalinGraphStd-Book.otf)}
    
    @font-face {font-family: ITCLubalin;
    src:url()}
    
    @font-face {
    font-family: ITCLubalin;
    src: url(LubalinGraphStd-Medium.otf);
    font-weight: bold;
}
@font-face {
    font-family: 'helvetica', sans-serif;
 src: url(HelveticaLTStd-Roman.otf);}
	
	#contact{transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    position:Fixed;
    margin:0;
    top:8.1em;
    left:-1em;
    z-index:999;
    }
.sectionbreak {width: 74%; color: #000000; border-bottom: solid #000000 1px;}
    #projnav{font-size: 1.5em;}
    
    #projects{transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    position:Fixed;
    margin:0;
    top:24em;
    left:-1em;
    z-index:999;
    }
    
    a{text-decoration:none; color: #000000;}
    
    #contact:hover{text-decoration: underline;}
    
    a:hover{text-decoration: underline;}
    
    #projects:hover{text-decoration: underline;}
	
	#imgClickAndChange{z-index:-99;}
	
	#home{width:50%; margin-top:5%; border:3px solid #e8e8e8; }
	
	#home:hover{border:3px solid #000000; -webkit-transition-duration: .3s;  -webkit-transition-delay: 1s;
    transition-duration: .3s;  transition-delay: .1s; }
	
	
	h1 {color:#000000;
	font-family: 'helvetica'; font-weight: normal;font-size:1.27em;  display:inline; text-align-last:right; margin:0; width:50%;
	 background:none; text-decoration: none;}
	
hover:h1{text-decoration: none;}
	#homebutton {
	position:fixed;
    bottom:.7em;
    left:1em;
  font-family: 'helvetica arial', sans-serif;
    height:18px;
    text-align:center;
    padding: 2px;
    z-index:999;}

.tooltip{z-index: 99999999999}