/*
 For mobile devices size max width 320px

 <link rel="stylesheet"  media="all" href="/static/css/base.min.css" />


<link rel="stylesheet"  media="only screen and (max-width: 800px)" href="/static/css/mobile.min.css" />



 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">


**/
/*******************************Globals*********************************************/
html,body {	margin-left: 0.5%; margin-right: 0.5%; width: 99.89%; overflow-x: hidden;}



.smaller-tall, .smaller-wide{ width: 80%;height:60%; margin-left: 5%; margin-right: 5%;}

/***************************************************Hides**********************/
.nav-2 {display: none;}

#TRI-MENU {float: right; height:25px; width: 25px;}

.main-logo {display: none;}

.light-dark {float: left;}

/**************************************************Reveals***************************/
a { text-decoration: underline; font-size: 100%; } 

.web-nav > li {width: auto;}


/*****************************************************Shrinkage**************************/

header { max-height: 12%;}

footer img { height: 25px; width: auto;}

h2,  h3, h4, h5, h6  {	width: 90%;	text-align: center;	position: inherit; margin-left: 1%; margin-right: 1%;}

li:hover {font-size: 100%;}


.font1 {	margin: 1%;	font-size: 80%;}

.trans-pic {	margin-left: 0;	margin-right: 0;		max-height: 100px;}



/*#DARK-LIGHT td, #LIGHT-DARK td {width: 100%;}
#DARK-LIGHT td {background-color: white;}
#LIGHT-DARK td {background-color: black;} */
/**********************************************tilted backgrounds****************************/
 .slant-left::before {top: -30px;}

.slant-right::before {top: -30px;}

.slant-left, .slant-right, .circle {	font-size: 100%;	line-height: normal;}

.wedge {	padding-top: 10%;	padding-bottom: 5%;	margin-bottom: 8%;}


/****************************************************Nav*********************************/
.menu a , .menu a:visited{color: white;}



/*********************T***********************************Growth****************************/
section {	width: 98%;		padding:0 2%;	margin-left: 0.05%;	margin-right: 0.05%;}
h1 {font-size: 150%;}	
.content {	text-align:left;	padding-bottom: 10%; font-size: medium; line-height: 100%;}

ol, ul {margin:0;padding: 0;}
		
.first {margin-top: 12%;}

.first-plus {margin-top: 40%; }
/*.first-plus h1 {padding-top: 5%;margin-top: 10%;}*/

#INTRO {margin-top: 5%;}

.circle { padding:15%;}

.thumbnail {max-height: 130px;	max-width: 250px;	min-height: 130px;min-width: 250px;	margin-left: 1%;margin-right: 1%;}

cite {width: 100%;}

.logo-photo {margin-left: 25%;width: 45%;}

/******************************Tables!******************/
table td {	display: inline-block;	width:100%; margin-bottom: 2%; }
.hide {display: block;}
.hide2 {display: none;}
.past-proj thead { font-size: 1em;}
.past-proj tfoot { margin-bottom: 3%; font-size: medium; line-height: 100%;}
.past-proj tbody img {width: 20%; height: auto;}
#WD-TABLE td {border-bottom-style: none; width: 100%;}
#WD-TABLE strong {border-bottom-style: solid;}
#WD-TABLE { text-align: center; }
#WD-TABLE thead {display: none;}


.gogo {margin-top:-6em; padding-bottom:6em;}