.header {
  z-index: 99999;
  position: relative;
}
.header ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
  position: fixed;
  top: 0;
  width: 100%;
}

.header li {
  float: left
}

.header a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.header a:hover {
  background-color: #111;
}

.jumbotron {
  margin: 0;
  padding: 200px 0px 250px 0px;
  background-color: #1E3D59;
}

.jumbotron h3 {
  font-size: 300%;
  color: white;
}

.btn {
  height: 35px;
  width: 110px;
  margin: 0px 10px 0px 0px;
  color: black;
  background-color: #506F8B;
  border-color: #506F8B
}

.btn:hover {
  color: black;
  background-color: #30516E;
  border-color: #30516E;
}

.title button:focus {
  background-color: #30516E;
  border-color: #30516E;
  color: black;
}


/* About */

.about {
  background-color: #1E3D59;
  padding: 200px 0px 200px 75px;
}

.about .row {
  max-width: 1000px;
  margin: auto;
}

.about p {
  font-size: large;
  color: white;
}


/* Porjects */

.portfolio {
  padding-top: 150px;
  padding-bottom: 150px;
  text-align: center;
  background-color: #708090;
}

.portfolio ul {
  list-style: none;
}

.portfolio li {
  background-color: #0E2941;
  max-width: 500px;
  max-height: 300px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px 5px 50px 5px;
  color: white;
}

.portfolio ul li {
  font-size: large;
}

.portfolio .row {
  max-width: 1000px;
  margin: auto;
}

img.inline {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.portfolio a {
  color: black;
  text-decoration: none;
}

.portfolio li:hover {
  -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}


/* Contact */

.contact h3 {
  max-width: 800px;
  margin: auto;
}

.contact {
  background-color: #897227;
  padding: 100px 0px 100px 0px;
}

.contact button {
  background-color: #D6BF75;
  border-color: #D6BF75;
}

.contact button:hover {
  background-color: #AA9243;
  border-color: #AA9243;
}

.contact button:focus {
  background-color: #AA9243;
  border-color: #AA9243;
  color: black;
}

/*Projects */

.tableau {
    padding:0px;
margin:0px;
width:100%;
height:100%;
}

/* Blog */
/* blog1 */
.blog1 {
  background-color: #F0FFFF;
  padding: 100px 0px 100px 75px;
}

.blog1 .row {
  max-width: 1000px;
  margin: auto;
}

.blog1 p {
  font-size: large;
  color: black;
}

/* blog2 */
.blog2 {
  background-color: #D3D3D3;
  padding: 100px 0px 100px 75px;
}

.blog2 .row {
  max-width: 1000px;
  margin: auto;
}

.blog2 p {
  font-size: large;
  color: black;
}


/*Blog Post*/

.blogpost {
  background-color: #FFFFFF;
  padding: 100px 0px 100px 0px;
}

.blogpost .row {
  max-width: 1000px;
  margin: auto;
}

.blogpost p {
  font-size: large;
  color: black;
}