body { color:#101010; background-color:#f3f2f1; }
	img { width:50%; height:auto; } 
@media only screen and (max-width: 2000px) {
  /* img { width:70%; } */
}
    p { margin-top:20px; padding:2px; }

	hr { border:.5px solid #d0d0d0; margin:15px 0px 15px 0px; }
  	td { /* font-size: 120%; color:#004aaa; font-weight:bold; */ }
	a { text-decoration:none;}
	button { height:26px; padding:2px 10px 2px 10px; margin:0px 5px 0px 5px; }
	.btn { /* background-color:#f0f0f0; */ font-size:1.0em; font-weight:bold; border-radius:20px; border:2px solid #101010; width:auto; height:auto; margin:10px 0px 10px 0px; box-shadow:2px 4px 8px #333366; }

    .table-hover:hover tr { color:#e0d0c0 !important; background-color:#405060 !important; }
    
	.btn-header { text-align:center; font-size:1.0em; background-color:transparent; width:100%; height:50px; border-radius:10px; border:0px solid transparent; margin-bottom:5px; box-shadow:1px 2px 4px #a0a0a0;  }
	.glyphicon { font-size:1.5em; }

	.demoButton { font-size:1.2em; font-weight:bold; display:inline-block; word-wrap:break-word; border-radius:20px; border:4px solid #101010; width:90%; height:10%; margin:10px 0px 10px 0px; box-shadow:2px 4px 8px #a0a0a0; }

	.hero-image {
	  background-color: #cccccc;
	  height: 500px;
	  background-position: right center;
	  background-repeat: no-repeat;
	  background-size: cover;
	  position: relative;
	}

	.hero-text {
	  text-align: left ;
	  position: absolute;
	  top: 50%;
	  left: 10%;
	  max-width:600px;
	  transform: translate(-10%, -50%);
	  color: white;
	  
	}

	.modal-content {
		width:100%;
		margin-left:10%; 
		margin-top:5%;
	}
	
	.modal-body {
		padding:10px;
		height:auto;
		width:100%;
	}
	
	.form-group { width:90%; }
	.input-group { margin-left:30px; }
	
	
	.material-icons {
		font-family: 'Material Icons';
		font-weight: normal;
		font-style: normal;
		font-size: 28px;  /* Preferred icon size */
		display: inline-block;
		line-height: 1; 
		vertical-align:middle;
		text-transform: none;
		letter-spacing: normal;
		word-wrap: normal;
		white-space: nowrap;
		direction: ltr;
		color: #305070; /*3366cc;*/

		/* Support for all WebKit browsers. */
		-webkit-font-smoothing: antialiased;
		/* Support for Safari and Chrome. */
		text-rendering: optimizeLegibility;

		/* Support for Firefox. */
		-moz-osx-font-smoothing: grayscale;

		/* Support for IE. */
		font-feature-settings: 'liga';
	}
	
	.featureIcons { color:#3366cc; font-size:48px; padding:20px 0px 10px 0px; }

	.timestamps { color:#b0b0b0; font-size:.9em; margin:10px 0px 10px 0px; }
	.titles { color:#2080b0; color:#3366cc; font-weight:bold; font-size:18px; }
	.intros { font-weight:normal; }
	.toshow { color:#101010; font-family: "arial"; background-color:transparent; border:0px; overflow:hidden; max-height:90px; white-space:pre-line; }

	.form-control { font-size:1.2em; }
	
	.section0 { 
		background-color:#d0d0d0; background-image: linear-gradient(to right, rgba(255,255,255,1), rgba(192,192,192,.5) ); 
		color:#101010;
		text-align:center;
		}
	.section1 { background-color:#f0f0f0; background-image: linear-gradient(to right, rgba(192,255,244,.5), rgba(255,255,255,1) ); }
	.section2 { background-color:#c0c0c0; background-image: linear-gradient(to right, rgba(255,255,255,1), rgba(192,224,255,.5) ); }

    .sidenav {
      height: 100%;
      width: 0;
      position: fixed;
      z-index: 1;
      top: 0;
      left: 0;
      background-color: rgba(30,50,70,.96);
      overflow-x: hidden;
      transition: 0.5s;
      padding-top: 60px;
    }
    
    .sidenav a {
      padding: 8px 8px 8px 32px;
      text-decoration: none;
      font-size: 1em;
      color: #a0a0a0;
      display: block;
      transition: 0.5s;
    }
    
    .sidenav a:hover {
      color: #f0e0d0;
      font-weight:bold;
    }
    
    .sidenav .closebtn {
      position: absolute;
      top: 0;
      right: 25px;
      font-size: 1.5em;
      margin-left: 50px;
    }
    
    @media screen and (max-height: 450px) {
        /*
      .sidenav {padding-top: 15px;}
      .sidenav a {font-size: 18px;}
      */
    }