body {
  margin:0;
  padding:0;
  overflow-y: visible;
  overflow-y: scroll;
  background-image: url("img/back2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

header{
  position: fixed;
  overflow: hidden;
  background-color: #5a6578;
  width: 105%;
  padding-bottom: 3vh;
  top: 0;
}

header a{
  font-family: Verdana, Geneva, sans-serif;
  float: center;
  color: white;
  text-align: center;
  /*padding: 1.576vw;*/
  /*padding-top: 3.222vh;*/
  padding-left: 2vw;
  padding-right: 2vw;
  padding-top: 2.3vh;
  padding-bottom: 3vh;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.893vw;
  border-radius: 0.2vw;
}

.header-links a.active{
  background-color: #4a5363;
  color: white;
}

.header-links a:hover{
  background-color: #4a5363;
  color: #ffffff;
  text-decoration: underline 0.1vw #7bc3c1;
  text-underline-offset: 0.3vw;
}

.header-links {
  text-align: center;
}

.avatar{
  position: relative;
}

.avatar .avatar-note{
  display: none;
  position: absolute;
  background-color: #5a6578;
  margin-left: 5.5vw;
  top: 20%;
  text-transform: lowercase;
  font-weight: 100;
  border-radius: 0.3vw;
  text-align: center;
  font-size: 0.9vw;
  font-style: italic;
  color: #ffffff;
  text-decoration: underline 0.12vw #b57784;
  text-underline-offset: 0.2vw;
  font-family: 'Courier New', Courier, monospace;
}

.avatar a:hover .avatar-note{
  display:block;
}

.head-img {
  width: 3vw;
  margin-left: 10vw;
  margin-bottom: -5vh;
  -webkit-transition: all .8s ease;
          transition: all .8s ease;
}

.head-img:hover {
  -webkit-transform: rotate(360deg) scale(0.8);
  -ms-transform: scale(0.8);
  transform: rotate(360deg) scale(0.8);
}

.dropdown{
  position: fixed;
  margin-left: 2.5vw;
  margin-top: -2.2vw;
}

.menu{
  border: none;
  width: 3.5vw;
  height: 3.5vw;
  background-image: url('img/button.png');
  background-color: rgba(0, 0, 0, 0);
  background-size: cover;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: rgba(0, 0, 0, 0);
  min-width: 9vw;
  z-index: 5;
  margin-left: 3.2vw;
  margin-top: -3vw;
}

.dropdown-content a {
  font-family: 'Courier New', Courier, monospace;
  color: black;
  font-size: 1vw;
  padding: 0.2vw 1vw;
  margin-top: 0vw;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
  text-decoration: underline 0.1vw #7bc3c1;
  text-underline-offset: 0.2vw;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.imgfull {
  float: right;
  margin-top: -2vw;
  margin-left: 3vw;
}

#inventors{
  float: left;
  margin-top: 0vw;
  margin-left: 0vw;
}

#inventors .img{
  width: 25vw;
}


.imgfull figcaption{
  font-style: italic;
  font-family: 'Courier New', Courier, monospace;
  color: #5a6578;
  font-size: 0.9vw;
  margin: -1.2vw 1.7vw;
}

#inventors figcaption{
  text-align: center;
  width: 25vw;
  margin: 0.8vw 0vw;
}

#makerbot .img{
  margin-top: 1vw;
  margin-left: 7vw;
  width: 11vw;
}

#makerbot figcaption{
  text-align: justify;
  width: 25vw;
  margin-right: -6.5vw;
  margin-top: 0.5vw;
}

#fdm .img{
  margin-top: 2vw;
  margin-left: 0.5vw;
  margin-right: -0.5vw;
  width: 30vw;
}

#fdm figcaption{
  text-align: justify;
  width: 15vw;
  margin-left: 9.5vw;
  margin-top: 0.5vw;
}

#sla .img{
  margin-top: 5vw;
  margin-right: -1vw;
  width: 30vw;
}

#sla figcaption{
  text-align: justify;
  width: 15vw;
  margin-left: 9vw;
  margin-top: 0.5vw;
}

#slm .img{
  margin-top: 3vw;
  margin-left: 0.5vw;
  margin-right: -0.5vw;
  width: 30vw;
}

#slm figcaption{
  text-align: justify;
  width: 15vw;
  margin-left: 9.5vw;
  margin-top: 0.5vw;
}

#sls .img{
  margin-right:-2vw;
  margin-top: 0.7vw;
  width: 30vw;
}

#sls figcaption{
  text-align: justify;
  width: 15vw;
  margin-left: 9.5vw;
  margin-top: 0.5vw;
}

#cjp .img{
  margin-right:-2vw;
  margin-top: 2vw;
  width: 30vw;
}

#cjp figcaption{
  text-align: justify;
  width: 15vw;
  margin-left: 9.5vw;
  margin-top: 0.5vw;
}

#polyjet .img{
  margin-right:-2vw;
  margin-top: 6vw;
  width: 30vw;
}

#polyjet figcaption{
  text-align: justify;
  width: 15vw;
  margin-left: 9.5vw;
  margin-top: 0.5vw;
}

#brain .img{
  margin-right:-2vw;
  margin-top: 5vw;
  width: 30vw;
}

#brain figcaption{
  text-align: justify;
  width: 25vw;
  margin-left: 4vw;
  margin-top: 0.5vw;
}

#build .img{
  margin-right:-5vw;
  margin-top: 0vw;
  width: 30vw;
}

#build figcaption{
  text-align: justify;
  width: 20vw;
  margin-left: 8vw;
  margin-top: 0.5vw;
}

li{
  padding-bottom: 0.8vw;
}

#ul2{
  margin-top: 1vw;
}

#link{
  color: #7bc3c1;
  text-decoration: none;
}

.img:hover{
  transform: scale(1.2);
}

.info{
  font-size: 1.1vw;
  margin-top: 3vw;
  width: 65vw;
  margin-left: auto;
  margin-right: auto;
  padding: 2vw;
  margin-bottom: 2vw;
  text-align: justify;
  border: solid 0.25vw;
  border-color: #b57784;
  background: #ffffff;
  font-family: Verdana, Geneva, sans-serif
}

#firstinfo{
  margin-top: 7vw;
}

#lastinfo{
  margin-bottom: 3vw;
}

#first3d:before{
	display: block;
	content: "";
	height: 6vw;
	margin: -6vw 0 0;
}

#development:before{
	display: block;
	content: "";
	height: 6vw;
	margin: -6vw 0 0;
}

#fdm:before{
	display: block;
	content: "";
	height: 6vw;
	margin: -6vw 0 0;
}

#sla:before{
	display: block;
	content: "";
	height: 6vw;
	margin: -6vw 0 0;
}

#slm:before{
	display: block;
	content: "";
	height: 6vw;
	margin: -6vw 0 0;
}

#sls:before{
	display: block;
	content: "";
	height: 6vw;
	margin: -6vw 0 0;
}

#cjp:before{
	display: block;
	content: "";
	height: 6vw;
	margin: -6vw 0 0;
}

#polyjet:before{
	display: block;
	content: "";
	height: 6vw;
	margin: -6vw 0 0;
}

#med:before{
	display: block;
	content: "";
	height: 6vw;
	margin: -6vw 0 0;
}

#build:before{
	display: block;
	content: "";
	height: 6vw;
	margin: -6vw 0 0;
}

.info h2{
  color: #000000;
  font-size: 1.7vw;
  font-weight: 500;
  text-decoration: underline 0.15vw #7bc3c1;
  text-underline-offset: 0.2vw;
  text-align: left;
  margin: auto;
}

.info h3{
  font-family: 'Courier New', Courier, monospace;
  color: #000000;
  font-size: 1.65vw;
  padding-top: 1vw;
  font-weight: 500;
  text-align: left;
  margin: auto;
}

.vl {
   position: fixed;
   left: 0px;
   top: 0px;
   height: 100%;
   width: 1vw;
   background: #5a6578;
}

body::-webkit-scrollbar {
  width: 1vw;
}

body::-webkit-scrollbar-track {
  background: #5a6578;
}

body::-webkit-scrollbar-thumb {
  background-color: #252B33;
  border-radius: 10vw;
  border: 0.4vw solid #5a6578;
}

table{
  width: 65vw;
  height: 70vh;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10.5vh;
  background-color: #ffffff;
  border: solid 0.2vw;
  border-color: #b57784;
  font-family: Verdana, Geneva, sans-serif;
  border-collapse: collapse;
}

td{
  font-family: 'Courier New', Courier, monospace;
  font-size: 0.9vw;
  padding: 0;
  text-align: center;
  padding-left: 0.5vw;
  padding-right: 0.5vw;
  border: dashed 0.25vw;
  border-color:  #7bc3c1;
  height: 5vw;
}

th{
  width: 10.1vw;
  height: 5vw;
  text-transform: uppercase;
  font-size: 0.893vw;
  font-weight: normal;
  color: #ffffff;
  background-color: #5a6578;
  font-family: Verdana, Geneva, sans-serif;
  text-align: center;
  border: dashed 0.25vw;
  border-color:  #7bc3c1;

}

caption{
  height: 3vw;
  padding-top: 1.5vw;
  text-transform: uppercase;
  font-size: 1vw;
  font-weight: normal;
  color: #ffffff;
  background-color: #5a6578;
  text-align: center;
  border: dashed 0.25vw;
  border-color:  #7bc3c1;
  border-bottom: 0;
  text-decoration: underline 0.15vw #b57784;
  text-underline-offset: 0.3vw;
}