.div_standard_size {
  width:100%;
  height:auto;
  text-align:center;
  padding:1%;
}

.h1 {
  margin-top:3.85%;
}

@media (min-width: 768px) {
  .h1 {
    margin-top:2%;
  }
}

.h2 {
  font-size:20px;
  margin-top:-.5%;
  padding-left:20px;
  padding-right:20px;
}

@media (min-width: 768px) {
  .h2 {
    margin-top:-.5%;
  }
}

.paragraph {
  /*margin-top:5%;*/
  /*padding-left:2%;*/
  /*padding-right:10%;*/
  text-align:left;
  margin-top:3%;
  margin-left:3%;
  margin-right:3%;
  margin-bottom:3%;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color:#d2a3a3;
}

.active, a:visited .active {
  color:#d2a3a3 !important;
}

.navbar-light .navbar-nav .nav-link {
  color:#eaeaea;
}

#text_header {
  margin-top:2%;
  margin-bottom:2%;
  text-align:center;
  font-size:35px;
}

@media (min-width: 651px) {
  #logo {
    /*padding-top:2%;*/
    height:84px;
    width:84px;
  }
}

@media (max-width: 650px) {
  #logo {
    /*padding-top:2%;*/
    height:38.4px;
    width:38.4px;
  }
}

#header {
  height:100%;
}

#pyramid_div {
  padding:16%;
}

#arrow_down {
  font-size:50px;
}

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

@media (min-width: 576px) {
  #bio_paragraph {
    column-count:2;
  }
}

@media (max-width: 300px) {
  #bio_paragraph {
    column-count:1;
  }
}

@media (min-width: 651px) {
  #text_header {
    font-size:35px;
  }
}

@media (max-width: 650px) {
  #text_header {
    font-size:16px;
  }
}

#contact_form {
  padding-left:2%;
  padding-right:2%;
  margin-top:2%;
  margin-left:1%;
  margin-right:1%;
}

#headshot {
  margin-top:3%;
  border-radius:50%;
  width:300px;
  height:300px;
}

#bio_container {
  margin-bottom:1.5%;
}

#resume {
  margin-top:2%;
  margin-bottom:2%;
}

.container {
  padding-top:5%;
  padding-bottom:5%;
}

#footer .container {
  padding-top:0%;
  padding-bottom:0%;
}

.btn-primary {
  color:#eaeaea;
  background-color:#871717;
  border-color:#871717;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
  color:#eaeaea;
  background-color:#555555;
  border-color:#eaeaea;
}

.fade {
  opacity:1;
}

.works {
  opacity:0.5;
  -webkit-filter:grayscale(100%);
}

.works:hover {
  opacity:1;
  -webkit-filter:none;
}