
body {
    background-color: #EBDECB;
}

@font-face {
    font-family: 'Jokerman';
    font-style: normal;
    font-weight: 400;
    src: local('Jokerman'), url('/font/JOKERMAN.TTF') format('woff');
}


h2 {

    font-family: 'Jokerman', sans-serif;
    font-weight: 400;
    font-style: normal;

}

h4 {

    font-weight:bold;

}


/*header*/

.header-logo {

    padding-top:25px;
    padding-bottom:25px;

}

.header-logo img {

    height:400px;

}
/*end-header*/


/*navbar*/
.bg-navbar {

    background-color: #FFF;

}

.navbar-brand img {

    height:150px;

}

.navbar-nav {

    font-size: 1.25em;
    font-weight: bold;

}
/*end-navbar*/





        footer a {

            color:#a2c8ff;

        }



.card h3 {

    font-size:1.25rem;

}

#contact h3 {

    font-weight: bold;
    font-size: 1.5rem;

}
        .accordion-button {

            font-weight:bold;

        }

        .accordion-body {

            background-color:#f1f1f1;

        }


        .bottom-logo {

            background:url(/img/shaun-the-sweep-logo-bg.png) bottom left no-repeat;

        }

        @media (max-width:936px) {

            .bottom-logo {

                background-position:bottom center;
                padding-bottom:220px !important;

            }

        }

        .bg-custom {
            background-color: #EBDECB;
        }
        /* Style for the logo placeholder */
        .logo-placeholder {
            height: 80px;
            width: 80px;
            background-color: #a09789; /* A darker shade for contrast */
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            color: #fff;
            font-size: 1.25rem;
        }


        .section-padding {
            padding: 4rem 0;
        }
        .card {
            border: none;
            box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
        }

        @media (min-width:1400px) {

            .shaun-img {

                width:80%;

            }

        }