header {
  border-bottom: 1px solid #bdbdbd;
}

body{
  background-color:white;
  padding:0px;
  margin:0px;
}

footer {
  border-top: 1px solid #bdbdbd;
  color: rgb(87,87,87);
  font-family: Arial,Verdana,sans-serif;
  font-size: 12.6px;
  padding-bottom: 37px;
  padding-top: 37px;
  text-align: center;
}

.button {
  background: none;
  border: none;
  color: rgb(68,108,179);
  text-decoration: none;
  -o-transition: .25s;
  -ms-transition: .25s;
  -moz-transition: .25s;
  -webkit-transition: .25s;
  transition: .25s;
}

.button:focus {
  outline: none;
}

.button:hover {
  color: rgb(87,87,87);
  cursor: pointer;
}

.button-container {
  display: table;
  height: 42px;
  margin: 0 auto;
  width: 970px;
  text-align: center;
}

.navcontainer {
  position:relative;
  margin:0 auto;
  width:970px;
}

.navcontainer ul {
  display:table;
  height:42px;
  list-style-type: none;
  margin:0px;
  padding:0px;
}

.navcontainer ul li {
  display: table-cell;
  padding-right: 37px;
  vertical-align: middle;
}

.navcontainer ul li a {
  color: rgb(87,87,87);
  font-family: Arial,Verdana,sans-serif;
  font-size: 12.6px;
  text-decoration: none;
}

.navcontainer ul li a:hover {
  color: rgb(120,120,120);
  text-decoration: underline;
}

.content-container {
  border-top: 4px solid rgb(244,117,3);
  color: rgb(87,87,87);
  font-family: Arial,Verdana,sans-serif;
  margin: 0 auto;
  padding-bottom: 100px;
  padding-top: 70px;
  width: 970px;
}

.content-container h1 {
  font-size: 35px;
  font-weight: 500;
  margin: 0px;
  padding: 30px 0;
}

.content-container p {
  font-size:16.8px;
  font-weight:300;
  line-height:29.4px;
  margin:0px;
}

.logo-container {
  height: 60px;
  margin: 0 auto;
  position: relative;
  width: 970px;
}

.logo {
  top: 0;
  bottom: 0;
  margin: auto;
  width: 293px;
  height: 30px;
  position: absolute;
  background-image: url("images/logo.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center bottom;
  box-shadow: 0px 450px rgba(0,0,0,0) inset;
}

.image-container {
  height: 450px;
  min-width: 970px;
  overflow: hidden;
}

.tinted-image {
  max-width: 100%;
  min-width: 970px;
  height: 100%;
  position: relative;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center bottom;
  box-shadow: 0px 450px rgba(32,26,22,.5) inset;
}

.tinted-image div {
  color: white;
  font-family: Arial,Verdana,sans-serif;
  width: 970px;
  margin: 0 auto;
}

.tinted-image h1 {
  font-size: 50px;
  font-weight: 1000;
  margin: 0px;
  padding-top: 120px;
}

.tinted-image p {
  font-size: 16.8px;
  font-weight: 300;
  line-height: 29.4px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 20px;
  width: 470px;
}

#tinted-image-home {
  background-image: url("images/home.jpg");
}

#tinted-image-code {
  background-image: url("images/code.jpg");
}

#tinted-image-paper {
  background-image: url("images/paper.jpg");
}

#tinted-image-about {
  background-image: url("images/about.jpg");
}