body {
    font-family: "Montserrat";
    background-color: beige;
    color: black;
}

main{
    background: linear-gradient(180deg, rgba(191, 192, 196, 1.000) 0.000%, rgba(195, 196, 200, 1.000) 8.333%, rgba(200, 201, 204, 1.000) 16.667%, rgba(204, 205, 208, 1.000) 25.000%, rgba(209, 210, 213, 1.000) 33.333%, rgba(213, 214, 217, 1.000) 41.667%, rgba(217, 218, 221, 1.000) 50.000%, rgba(221, 222, 225, 1.000) 58.333%, rgba(224, 225, 228, 1.000) 66.667%, rgba(227, 228, 232, 1.000) 75.000%, rgba(230, 231, 235, 1.000) 83.333%, rgba(233, 233, 238, 1.000) 91.667%, rgba(235, 235, 240, 1.000) 100.000%)
}

.contact{
    text-align: center;
    padding: 0;
    margin: 0;
    white-space: nowrap;
}

.navbar {
    background-color: white !important;
    position: fixed;
    width: 100%;
    top: 0;
    border-style: solid;
    border-top: none;
    border-left: none;
    border-right: none;
    border-width: 1px;
    border-color: gray;
}

.contact-nav{
    display: contents;
}

.navbar-fill{
    width: 70px;
}

.navbar-fill-vertical{
    height: 65px;
}

.content-border{
    border: gray;
    border-radius: 8px;
    border-width: 1px;
    border-style: solid;
}

p {
    text-align: justify;
}

.bolded {
    text-align: center;
    font-size: 1.25em;
}

h4{
    padding-top: 10px;
}

h3, h4 {
    padding-bottom: 20px;
}

h5 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.my-5 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.navbar-logo img {
    height: 50px;
}

li {
    padding: 8px;
}

#navbarTop a {
    padding-right: 1.0rem;
    padding-left: 1.0rem;
    text-align: center;
}

.content-image {
    max-height: 300px;
    display: block;
    margin: 0 auto;
}

.footer {
    border-style: solid;
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-width: 1px;
    border-color: gray;
    padding: 20px 0;
    width: 100%
}

footer p {
    font-size: 0.8em;
    text-align: center;
    margin: 0;
}

.container {
    background: white;
    font-size: 0.9em;
    width: 60%;
    min-width: 40%;
    padding: 5px 20px 5px;
}

.footer-container{
    background: #343a40;
}

@media screen and (max-width: 768px) {
    .container{
        width: 100%;
    }
    .navbar-logo img {
        height: 35px;
    }

    main{
        background: white;
    }

    .navbar-fill{
        width: auto;
    }

    .content-border{
        border: none;
    }

    .navbar-fill-vertical{
        height: auto;
    }

    .small-space{
        padding-top: 60px;
    }
    .contact-nav{
        font-size: 0.55em;
    }
    #phone{
        font-size: 1.3em;
    }
}