body
{
	margin: 0px auto;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 95%;	
}



#logo img
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	height:300px;
	width: 400px;	
}

/*------------------ Navigation -------------------------*/

#nav-wrapper
{
	margin-top: 25px;
	width: 1300px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	
}

#navigation ul
{	
	list-style-type: none;	
}

#navigation li 
{
	
	float: left;
	font-size: 20px;
	margin-right: 70px;
	margin-left: 90px;
}

#navigation a:link
{
	text-decoration: none;
	color: #21409A;
}

#navigation a:hover 
{
   padding-bottom: 11px;
   border-bottom: 4px solid #32557f;
}

#navigation a:visited 
{
   
  color: #21409A;
}

.horizontalline 
{
   
    
    border-top: 0.1px solid #ccc;
	margin-top: 60px;
}

.section-line 
{
    
    border-top: 0.1px  solid #ccc;

}

.content-wrapper
{
	margin-top: 70px;
	width: 972px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

h1
{
    color: #21409a;
	font-family: "Times New Roman", Times, serif;
	font-size: 20px; 
}

h2
{
    font-size: 18px;
    font-family: Arial, Helvetica, sans serif;
}
/*------------------ About -------------------------*/

#about
{
	max-width: 100%;
}

#about img
{
	float: left;
	width: 60px;
	height: 60px;
}



#about p 
{
	font-size: 16px;
	line-height: 1.6;
	margin-left: 80px;
	margin-top: 25px;	
	text-align: justify;
	word-wrap: break-word;
}

/*------------------ Documentation -------------------------*/
#docs
{
	margin-bottom: 300px;
}
 

#docs img
{
	float: left;	
	width: 60px;
	height: 60px;
	margin-right: 30px;
	margin-top: 16px;
	margin-bottom: 40px;
	clear: left;
	
}

#docs h2
{
	font-family: Arial Narrow, Arial, Helvetica, sans serif;
	color: #666666;
    float: left;
	margin-top: 20px;
}

#docs p
{
	line-height: 1.6;
}

.float-right
{
	float: right;
	top: 0;
	width: 50%;
}

.spacing-docs
{
	margin-bottom: 300px;
}





/*------------------ Apps -------------------------*/
#apps img
{
	float: left;	
	width: 60px;
	height: 60px;
	margin-right: 40px;
	margin-left: 20px;
}



#apps p
{
	line-height: 1.6;
}

#apps li
{
	line-height: 1.6;
	margin-left: 150px;
}

.spacing
{
	margin-bottom: 70px;
}

.spacing-apps-custom
{
	margin-bottom: 120px;
}


/*-----------Visualization-----------*/

#visualization img
{
	float: left;	
	width: 60px;
	height: 60px;
	margin-right: 20px;	
	margin-bottom: 20px;
}



#visualization p
{
	line-height: 1.6;
	margin-top: 25px;
}

/*----------------AI enhanced content---------------*/

#aienhanced p
{
	line-height: 1.6;
	margin-top: 25px;
	
}

/* Three image containers (use 25% for four, and 50% for two, etc) */
* {
	box-sizing: border-box;
  }

.column {
	float: left;
	width: 33.33%;
	padding: 5px;
	font-style: italic;
	color:#666666;
	}
  
/* Clear floats after image containers */
.row::after {
	content: "";
	clear: both;
	display: table;
}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 33%;
}

/*----------------resume---------------*/
.button-resume
{
	background-color: #21409a;
	border: none;
	color: white;
	padding: 15px 15px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	cursor: pointer;
	margin-left: 93%;
	margin-top: -30px;
	border-radius: 5px;
  }

.h1-resume 
{
	font-size: 22px;
}

#resume h2
{
	line-height: 1.6;
	padding-top: 16px;
    color: #21409a;
}

#resume h3
{
	font-size: 16px;
}


.resume-caps
{
	font-size: 16px;
	padding-top: 16px;
	color: #21409a;
	font-weight: bold;
}

#resume ul
{
	margin-bottom: 30px; 
}

#resume li
{
	line-height: 2;
}

#resume img
{
	float: left;
	width: 60px;
	margin-left: 20px;
	padding-top: 15px;
    margin-right: 20px;
}

#resume p
{
	line-height: 2;
}

.linear-gradient 
{ 
		width: 972px; 
		height: 90px; 
		border-radius: 10px;
		background-color: #c0cad4; 
		background-image: linear-gradient( to right, #c0cad4, #ffffff); 
		margin-top: 30px;
}

#primarydegrees
{
	margin-top: 25px;
}

#secondarydegrees
{
	margin-top: 25px;
}

.spacing-resume
{
	margin-top: 150px;
}

.spacing-resume1
{
	margin-top: 60px;
}

.lineheight-credentials
{
	margin-top: -14px;
	margin-bottom: -5px;
}

.leftpanel
{
	float: left;
	width: 300px;	
}


.middlepanel
{
	float: left;
	margin-left: 40px;
	width: 300px;
}

.rightpanel
{
	margin-left: 700px;
	width: 300px;
	clear: right;
}

.leftpanel-credentials
{
	float:left;
	width: 450px;
}

.rightpanel-credentials
{
	margin-left: 700px;
	width: 450px;
}
/*------------------ Copyright -------------------------*/
#footer
{
	text-align: center;		

	font-size: 14px;
	width: 100%;
	margin-top: 150px;
}