@charset "UTF-8";
/* Add your custom CSS declarations below  */

*{
    font-family: 'Abhaya Libre', serif;
    font-family: 'Montserrat', sans-serif;
    font-family: 'Oswald', sans-serif;
    font-family: 'Roboto', sans-serif;
}

@media (max-width: 575.98px) { 
    .wrapper {
         font-size: .5em !important;
    } 

    .navbar-collapse {
        text-align: center;
    }
}

@media (max-width: 767.98px) { 
    .wrapper {
        font-size: .7em !important;
    }
    .navbar-collapse {
        text-align: center;
    }
}

.wrapper {
  height: 90vh;
  /*This part is important for centering*/
  display: flex;
  align-items: center;
  justify-content: left;
  margin-left: 40px;
}

.navbar-collapse {
        text-align: center;
    }
.bg-image {
    background-position: right;
    margin-right: 70px;
}

.active {
    text-decoration: underline;
}

.nav-link {
    text-transform: uppercase;
    font-family:'montserrat';
    letter-spacing: .3em;
    font-size: 1.2rem;
    color:#13292A !important;
    font-weight: 300;
    margin-left: 10px;
    margin-right: 10px;
}

a {
    color:#594b47!important;
}

a:hover {
    color:#988780 !important;
    text-decoration: underline;
    text-decoration-thickness: 1px;
}

a:active {
    color:black;
}

a:visited {
    color:black;
}

h1 {
    text-align: center;
    letter-spacing: 2px;
    font-size: 2.8em;
    font-family: 'Abhaya Libre', serif;
}

h2 {
    text-align: center;
    letter-spacing: 2px;
    font-size: 2.1em;
    font-family: 'Oswald', sans-serif;
    color: #594b47; 
}
h3 {
    text-align: center;
    font-size: 1.8em;
    font-family: 'Montserrat', sans-serif;
    color: #988780;
}

h4 {
    font-family: 'Oswald', sans-serif;
    font-size: 1.5em;
    padding-top: 15px;
    color:#9b9089;
    
}

h5 {
    font-family: 'Oswald', sans-serif;
    font-size: 1em;
    color:#C8BBB3; 
    text-align: center;
}

p {
    font-family: 'Roboto', sans-serif;
    text-indent: 4%;
    padding-left: 15px;
    padding-right: 15px;
}

.btn {
    background-color: #594B47; 
    font-family: 'Oswald', sans-serif;
    font-size: 1em;
}

.btn:visited {
    background-color: #594b47;
}

.btn:hover {
    background-color: #C8BBB3;
    
}

.btn:active {
     background-color: #594b47;
}