body {
    background-color:black;
}
.footer {
    background-color: black;
    text-align: center;
    color: white;
    padding-top: 30px;
    padding: 30px;
    position: relative;
    bottom: 0;
    clear: both;
    font-family: cantarell;
}
.container {
    background-color: black;
}
h3 {
    color:white;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 1.5em;
    font-family: cantarell;
}
h2 {
    color:white;
    text-align: center;
    padding-top: 20px;
    font-size: 1.2em;
    font-family: cantarell;
}
h4 {
    color:white;
    text-align: left;
    font-family: cantarell;
    
}
.row img {
  padding-bottom: 16px
}
p {
    color: white;
    font-family: cantarell;
    font-size: 1.2em;
}
p1 {
    color: white;
    text-align: center;
    font-family: cantarell;
}
.design_photos {
    padding: 10px 10px 10px 10px;
}
#bethgrundy {
    padding: 10px 10px 10px 10px;
}
#contact_photo{
    padding:10px 10px 20px 10px;
}
.img-container{
  position:relative;
  display:inline-block;
}
.img-container .overlay{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:96%;
  background:#3EB549;
  opacity:0;
  transition:opacity 500ms ease-in-out;
}
.img-container:hover .overlay{
  opacity: 1;
}
.overlay span{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  color: white;
  font-weight: bold;
  font-size: 1.4em;
  text-align: center;
    font-family: cantarell;
}
#subc{
    color:white;
    text-align: center;
    margin-bottom: inherit;
    font-family: cantarell;
}
#subc2{
  color:white;
  text-align: center;
  font-style: italic;
    font-family: cantarell;
}
#resume{
  color:white;
  text-align: center;
  padding-bottom: 2px;
    font-family: cantarell;
}
hr{
  height: 1px;
  width: 50%;
  color: white;
  background-color: white;
  border: none;
}
.navbar{
    padding-left: 2em; 
    padding-right: 2em;
    font-family: cantarell;
    font-size: 1.3em;
}