body {
    font-family: 'Source Sans Pro';
    margin:0px;
}

.navbar {
    background-color:rgb(28, 20, 81, 0.61)
}

.navbar.scrolled {
    background-color: rgb(28, 20, 81, 1)
}

.navbar-toggler {
    color: goldenrod !important;
}


.navbar a, .navbar a:visited {
    color: goldenrod !important;
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

a {
    color: #0077cc;
}
.btn {
    box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 10%);
    font-weight: 700;
}
.btn-xl {
    padding: 1.25rem 2.5rem;
}
.btn-primary {
    background-color: #261b3d !important;
    border-color: #1b1528 !important;
    color: #cfb363 !important;
}
    .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
        background-color: #291b46 !important;
        border-color: #37108d !important;
    }
.btn-dark {
    color: #fff !important;
}
    .btn-dark:hover .btn-primary:focus, .btn-primary:active {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124;
    }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px;
}






.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

.h2, h2 {
    font-size: 2rem;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

.lead {
    font-size: 1.4rem;
    font-weight: 300;
}

.page-head {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 8rem;
    padding-bottom: 8rem;
}
h1, .h1  {
        font-size: 5rem;

}
.main-head {
    color: #cfb363;

    /* background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), url(../img/meagerbirthAlbumBg.jpg); */
    background: url(../img/meagerbirthAlbumBg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.about-head {
    color: #cfb363;
    -webkit-text-stroke: 1px black;
    -webkit-text-fill-color: #ada283;
    background-color: #331932;
    background: url(../img/stageBg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ctr-auto {
    box-sizing: border-box;
    text-align: center !important;
    margin-bottom: auto !important;
    margin-top: auto !important;
}

.content-section {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
}

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


.bg-primary {
    background-color: #1D809F !important;
}

.content-section-heading h3 {
    font-size: 1.15rem;
    text-transform: uppercase;
}

.text-secondary {
    color: #ecb807 !important;
}

.content-section-heading h2 {
    font-size: 3.5rem;
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important;
}
.service-icon {
    background-color: #fff;
    color: #1D809F;
    height: 7rem;
    width: 7rem;
    display: block;
    line-height: 7.5rem;
    font-size: 2.25rem;
    box-shadow: 0 3px 3px 0 rgb(0 0 0 / 10%);
}



footer .social-icons .fab {
    color: #969696 !important;
    font-size: 1.8rem !important;
}
@media (max-width: 576px) {

    footer .copyright-text {
        display: block;
        width:100%;
        text-align: center !important;
        justify-content: center !important;
    }

    footer .social-icons .fab {
        color: #969696 !important;
        font-size: 3.8rem !important;
    }

    footer .social-icons {
        display: block;
        width: 100%;
        text-align: center !important;
        justify-content: center !important;
        padding-top: 20px;
    }
}

/*COOKIES!!!!!*/
.cookies {  bottom:80px; }
.cookies .c-text { font-family: 'Arial Narrow', Arial, sans-serif; font-size:1.2rem }
.cookies .btns { width:100%; text-align:center; justify-content:center; padding-top:5px; }
.cookies .btns .btn {  width:260px; }
.cookies .btns span { display:inline; }
    .cookies .cta {
        
        background-color: #252440;
        color: white;
        text-transform: uppercase;
        padding: 10px 50px 10px 100px;
        margin-left: -50px;
    }
.img-cookie img { width: 100%; max-width: 290px;  }
.img-cookie {
    z-index: 1000;
}
.cookies .test {
    z-index: 1;
}
.btn-cgood {
    background-color: #df7353 !important;
    border-color: #df7353 !important;
    color: #FFFFFF !important;
}

    .btn-cgood:hover, .btn-cgood:focus, .btn-cgood:active {
        background-color: #c75432 !important;
        border-color: #37108d !important;
    }
.btn-cbad {
    background-color: #252440 !important;
    border-color: #59586e !important;
    color: #FFFFFF !important;
}

    .btn-cbad:hover, .btn-cbad:focus, .btn-cbad:active {
        background-color: #252440 !important;
        border-color: #59586e !important;
    }



@media (max-width: 1399.9px) {
    .cookies .c-text { font-size: 1rem  }
}

@media (max-width: 1199.9px) {
    .cookies .c-text { font-size: 1.5rem  }
    .cookies .cta { margin: auto;  padding: 20px;  }
    .cookies {  bottom: 20px; }
}
@media (max-width: 991.9px) {
    .img-cookie img {
        width: 100%;
        max-width: 200px;
    }
    .cookies .c-text {
        font-size: 1.3rem
    }
    .cookies .btns span {
        display: block;
    }
    .cookies .btns .btn {
        width: 100%;
    }
}