body { font-family: Montserrat, sans-serif;  font-weight: 500;
     }
h1, h2, h3, h4, h5, h6 { font-family: 'Playfair Display', serif; color: #96210f; font-weight: 900; 
} 
h2, h3 { font-style: italic;
       }
strong { font-weight: 700; }
h3, h5, h6 { color: #00464f; }
h3 { font-weight: 400; }
h4, h5, h6 { font-weight: 700; }
#past-projects h2, #info h2 {  margin-top: -.5em; text-transform: lowercase; 
                     text-align: right; display: block; width: 100%;
                     margin-bottom: .5em;
                  }
#past-projects .row {border-top: 1px dotted #55969f; padding-top: 0; margin-top: 2em;
                    }

#reviewlink { padding-top: 3em; display: block; text-align: right;
             }
/* #past-projects h2 { font-style: normal; font-variant: small-caps; margin-bottom: 1em; font-weight: 400; */
/*                   } */
#past-projects li { list-style-type: none; margin-bottom: 1em; }
#past-projects li h4 { color: #00464f; }
#education .col-12 { margin-bottom: 3em; text-align: right; 
                }
a { color: #00464f; 
  }

a:hover { color: #96210f; }
a.btn-primary  { background-color: #00464f; color: #fff !important; border: 0; 
               }
a.btn-primary:hover { opacity: 0.8; background-color: #00464f;
                    }
img.face { border-top: 3px solid #96210f;
           border-bottom: 3px solid #00464f;
           border-right: 3px solid #96210f;
           border-left: 3px solid #00464f;
         }
#info { padding-top: 1em; }
.nav-tabs .nav-link.active { background: #00464f !important; color: #fff !important; 
                             border: none !important;
                           }

.nav-tabs {  border: none; margin-right: 2px;
             padding-bottom: 5px;
             margin-top: 1em;
             margin-bottom: 1em;
          }
.nav-tabs .nav-item { margin-bottom: -1px;   width: 100%;
                    }
.nav-tabs .nav-link {  font-family: Playfair Display; border-color: #00464f; margin-left: .5em; background-image: url('paper.png'); text-transform: lowercase; font-weight: 700; letter-spacing: 1px;
                   
                    }
.nav-tabs .nav-link:hover { border-color: #96210f; color: #96210f; 
                          }

.tab-pane {
    background-image: url('paper.png');
    padding: 2em;
    border-right:  3px solid #00464f;
    border-top:  3px solid #00464f;
    border-left: 3px solid #96210f;
    border-bottom: 3px solid #96210f; 
    padding-top: 3em;
    margin-top: -1.5em;
    z-index: 0;
}
.tab-pane img { margin-bottom: 1em; }

img { max-width: 100%; }
.main { margin-top: 2vh; background: #fff; 


        height: 96vh;
      }
.book { margin-top: 4em; }
.contact {  font-size: 1.2em; margin-top: 1em; margin-bottom: .5em; 
         }
.contact a { font-weight: 400; }

.fade {
    -webkit-transition: opacity .5s linear;
    -moz-transition: opacity .5s linear;
    -ms-transition: opacity .5s linear;
    -o-transition: opacity .5s linear;
    transition: opacity .5s linear;
}
.fas, .fab { width: 1em; text-align: right; margin-right: .5em;



           }





@media (min-width : 724px) {
    .nav-tabs { margin-top: 0; margin-bottom: 0;
              }
    .nav-tabs .nav-item { width: auto; max-width: 25%; z-index: 12;
                        }
    .tab-content { margin-top: -1.5em; }
    .tab-pane { padding-top: 6em; }
    .face {
        margin-top: 2em; margin-left: -2em;
           margin-bottom: -2em;
           float: right; z-index: 200; position: relative;
    }
    #info h1 { border-bottom: 1px dotted #55969f; margin-bottom: 0; 
         }
#info h1 span { margin-bottom: -.2em; display: block;
              }
#info h2 { margin-bottom: 0; }

}



.nav-tabs { min-width: 100%; }
.nav-tabs-responsive { overflow: auto; }