@import url('https://fonts.googleapis.com/css?family=Merriweather|Merriweather+Sans&display=swap');

body, html {
    height: 100%;
    font-size: 18px;
}
  
.bg { 
/* The image used */
background: linear-gradient(to bottom,rgba(92,77,66,.7) 0,rgba(92,77,66,.6) 100%),url(./images/clare.jpg);

/* Full height */
/*height: 100; */
padding: 10px 0;

/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: cover;

color:white;
font-family: 'Merriweather', sans-serif;
}



.header-text {
    padding: 12rem 0;
}
@media only screen and (max-width: 600px) {
    .header-text {
      padding: 3rem 0;
    }
}

.banner {
    float: right;
}
.banner a, .banner .fa {
    color: white !important;
}

.image-gallery {
    height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 15px 0;
    background-position: center;
}
.image-quote {
    background-position: center;
    background-size: contain;
    margin: 0;
}
@media only screen and (max-width: 767px) {
    .quote-block {
        padding: 20px 0 80px 0;
    }
    .image-quote {
        background-position: bottom !important;
        max-width: 180px;
        margin: 0 auto;
    }
 }
 .quote {
     font-style: italic;
 }
 @media only screen and (min-width: 767px) {
    .quote {
        font-style: italic;
        min-height: 105px;
    }
 }

.author {
    font-size: 14px;
    font-weight: 600;
    text-align: right;
}
.image-portrait {
    height: 300px;
    width: 300px;
    max-width: 100%;
    border-radius: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 35% center;
 }
 @media only screen and (max-width: 767px) {
    .image-portrait {
        margin: 0 auto 60px auto;
    }
 }

.bg-dark {
    padding: 8rem 0;
    color: white;
   
}

.bg-dark .btn {
     padding: 10px 50px;
     font-size: 20px;   
     border-radius: 0px;
}

.divider {
    margin: 30px auto 30px auto;
    border-bottom: 4px solid white;
    width: 150px;
}

a, a:hover, a:visited {
    color: black;
    font-weight: 600;
}

a, p {
    font-family: 'Merriweather', serif;
}
p.text-heading {
    font-family: 'Merriweather Sans', sans-serif !important; 
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Merriweather', sans-serif !important; 
}

.page-section {
    padding: 8rem 0;
}

.bg-accent {
    background: linear-gradient(to bottom,rgba(92,77,66,.1) 0,rgba(92,77,66,.1) 100%);
    
}

.bg-accent .divider, .bg-accent a {
    border-color: #6c757d!important;   
}

.divider-spot {
    color: rgba(255,255,255, 0.6);
    position: relative;
    top: -1px;
    padding: 0 5px;
    font-size: 11px !important;
}

#contact {
    padding: 80px 0 80px 0;
}
#contact a {
    font-weight: 400 !important;
    color: #6c757d!important;
}