/*mobile phone landscape*/

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



#logo img
{
	display: block;
    margin-left: 60%;
	margin-right: auto;
	margin-top: 10%;
    width: 500px;
    height: auto;
}

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

#nav-wrapper
{
	margin-top: 25px;
	width: 1300px;
	margin-left: 7%;
	padding: 0;
	overflow: hidden;

	
}

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

#navigation li 
{
	
	float: left;
	font-size: 40px;
	font-weight: bold;
	margin-right: 2%;
	margin-left: 3%;
}

#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 
{
   
    width: 1400px;
    border-top: 2px solid #ccc;
	margin-top: 30px;

}

.section-line 
{
    
    border-top: 2px solid #ccc;
    margin-bottom: 20px;
    

}

.content-wrapper
{
	margin-top: 70px;
	width: 1150px;
	display: block;
	margin-left: 18% ;
	
	
}

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

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



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



#about p 
{
	font-size: 35px;
	line-height: 1.6;
	margin-left: 150px;
	margin-top: 25px;
	width: 82%;	
}

/*------------------ Documentation -------------------------*/

#docs
{

	margin-top: -300px;
	width: 100%
	
}

#docs img
{
	width: 120px;
	height: auto;
	margin-right: 40px;
	margin-top: 16px;
}




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

	

}

#docs p
{
	line-height: 1.6;
	font-size: 35px;
	width: 100%;
	margin-top:0px;
	
}

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

.heading1-docs{
	float: left;
	width: 100%;
	margin-top: 50px;

	
}

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



#apps p
{
	line-height: 1.6;
	font-size: 35px;
	margin-left: 15%;
	width: 80%;
}

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

.spacing
{
	margin-bottom: 70px;

	
}

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


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

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



#visualization p
{
	line-height: 1.6;
	margin-top: 25px;
	font-size: 35px;
	margin-left: 15%;
	width: 83%;
}

/*----------------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 25px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 35px;
	cursor: pointer;
	margin-left: 80%;
	margin-top: -30px;
	border-radius: 5px;
  }	


.h1-resume
{
	font-size: 40px;

}



#resume h2
{
	line-height: 1.2;
	padding-top: 16px;
	padding-bottom: 10px;
	color: #21409a;
	font-size: 38px;

}

#resume h3
{
	font-size: 35px;
	line-height: 1.6;
}


.resume-caps
{
	
	padding-top: 16px;
	color: #21409a;

}

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

#resume li
{
	line-height: 1.6;
	font-size: 35px;
	
}

#resume img
{
	float: left;
	width: 120px;
	height: auto;
	margin-left: 35px;
	margin-right: 35px;
}


#resume p
{
	line-height: 1.6;
	font-size: 35px;
}

.linear-gradient 
{ 
		width: 100%; 
		height: auto; 
		border-radius: 10px;
		background-color: #c0cad4; 
		background-image: linear-gradient( to right, #c0cad4, #ffffff); 
		margin-top: 30px;
		align-items: center;
		display: flex;
	
}

.custom-image-resume
{
  width: 120px;   
  height: auto;
}

.custom-h2-480nm-resume
{
   margin-left: 80px;
    
}

#primarydegrees
{
	margin-top: 25px;
}

#secondarydegrees
{
	margin-top: 25px;
}

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

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

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

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


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

.rightpanel
{
	margin-left: 740px;
	width: 300px;
	clear: right;
	margin-top: 60px;
}

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

.rightpanel-credentials
{
	margin-left: 600px;
	width: 450px;
    margin-top: 59px;
	
}
/*------------------ Copyright -------------------------*/
#footer
{
	text-align: center;		
	font-size: 35px;
	margin-top: 150px;
	
	
}

.footer-docs
{
	margin-top: 200px;
	margin-left: 25%;
	float: left;
}