body {
    font-family: 'Open Sans', sans-serif;
    color: black;
    height: 100%;
    background: no-repeat center center fixed;
    
}

                        
h1,.h1 {
    font-size: 2.3rem;
    font-family: 'Abril Fatface', cursive!important;
    line-height: 2.5rem;
    letter-spacing: .035rem;
}

h2,.h2 {
    font-size: 1.6rem;
    font-family: 'Abril Fatface', cursive;
    line-height: 1.4rem;
    letter-spacing: .02rem;
}

h3,.h3 {
    font-size: 1.2rem;
   font-family: 'Abril Fatface', cursive;
    line-height: 1.4rem;
    letter-spacing: .015rem;
}


h1, h2, h3,.h1, .h2, .h3 {
    margin-bottom:.6rem;
}

.title {
    text-align: center;
    margin-bottom: 2.5rem;
    margin-top: 1em;
}


.nav-link, .nav-link:active, .nav-link:visited {
    color:black;
    color: rgba(0,0,0,1)!important;
}

.nav-link:hover, .nav-link:focus {
    color:white!important;
}

.nav-item {
    margin-left:1.5em;
}

p,
a, .p, .a {
    font-family: 'Open Sans', sans-serif;
    font-size: .9em;
    line-height: 1.3em;
    letter-spacing: .01em;
}

a.small, .small, small {
    font-size: 60%;
    font-weight: 600;
}

.footer>a {
    color:white;
    font-size: .6em;
}

a.white, a.white:visited {
    color: white;
    text-decoration:none;
}

a.white:hover, a.white:active {
    color:whitesmoke;
}

a:hover, a:focus {
    text-decoration:underline;
}

.centre {
    text-align: center;
}

.white {
    color:white;
}

small {
    line-height: .9em;
}

.hidden {
    visibility:hidden;
}


.mt-6 {
    margin-top: 6rem;
}

.lead {
    font-size: 1.25em!important;
    margin-bottom: 1.4em;
}

.italics {
    font-style: italic!important;
    color: white!important;
    font-size: 1.3em!important;
    padding-top: 2em!important;
}

#white {
    color: white;
}

.credit {
    display: none;
}

.footer {
    background-color: #4F997C;
    padding-top:1rem;
    padding-bottom:1rem;
    color: white;
}

#logo {
    margin-top: 2rem;
}

.hero
{
    min-width: 100%;
    min-height:60em;
    background-size: cover;
}

.bgHero {
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
}

.bg-light {
    background-color: lightpink!important;
}

#top
{
    background-image: url("/assets/img/hero.png");
    background-repeat:no-repeat;
    background-position: 40%;
}

.hero_button {
    margin-top: 48%;
    text-align: center;
}

.hero_link {
    font-family: 'Abril Fatface', cursive;
    font-size: 1.4em;
    line-height: 1.3em;
    letter-spacing: .08em;
    text-decoration: none;
    color:white;
}

.hero_scroll_down {
    color:white;
    text-decoration: none;
}

.hero_link:hover,.hero_link:active,.hero_link:focus {
    color: lightpink;
    text-decoration: none;
}

.hero_scroll_down:hover,.hero_scroll_down:active,.hero_scroll_down:focus {
    color:lightpink;
    text-decoration: none;
}

.pinkBG{
    background-color: #f4d2e5;
}

.content {
    margin-top:2em;
    margin-bottom:2em;
}

.tealBG
{
    background-color: #222d42;
}

.quote
{
    text-align: center;
    padding-top:1em;
    padding-bottom:1em
}

.content{
    margin-top:3em;
    margin-bottom:3em;
}

.btn-outline-dark {
    padding-top:.8em;
    padding-bottom:.8em;
    font-size: 2em;
    letter-spacing: .035em;
    font-family: 'Abril Fatface', cursive;
}

.submit {
     font-size: 1.2em;
    letter-spacing: .035em;
    font-family: 'Abril Fatface', cursive;
}

.btn {
    border:solid #222d42 3px;
    border-radius: 0;
}

.hero_logo{
    margin-top:2.25rem;
}

.btn-outline-dark:hover {
    color: #222d42;
    background-color: #f4d2e5;
    border-color: #f4d2e5;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 

#top
{
    background-position: 33%;
}
}




/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

#top
{
    background-position: 0;
}
    
    
    }
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {


    
   
    
}

/* 4k devices (2560px and up) */
@media (min-width: 2560px) {
 

    
    
}