@charset "utf-8";
.bg-dark {
    background-color: #004477!important;
}
ul.navbar-nav {
    margin: 0 auto;
}

.navbar-dark .navbar-nav .nav-link {
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
    color: #99CCE0;
    border: thick ridge #99CCEE;
    border-radius: 10px;
}
.navbar-dark .navbar-nav .nav-link:hover  {
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
    color: #000000;
}
.navbar-nav .nav-item {
    width: 110px;
    border: 1px solid #EDC90E;
    background-image: -webkit-repeating-linear-gradient(270deg,rgba(238,207,0,1.00) 0%,rgba(231,231,165,1.00) 100%);
    background-image: -moz-repeating-linear-gradient(270deg,rgba(238,207,0,1.00) 0%,rgba(231,231,165,1.00) 100%);
    background-image: -o-repeating-linear-gradient(270deg,rgba(238,207,0,1.00) 0%,rgba(231,231,165,1.00) 100%);
    background-image: repeating-linear-gradient(180deg,rgba(238,207,0,1.00) 0%,rgba(231,231,165,1.00) 100%);
    /* [disabled]margin-bottom: 4px; */
    margin-right: 4px;
    margin-left: 4px;
    text-align: center;
    margin-top: 10px;
}
#navbarSupportedContent .navbar-nav.mr-auto .nav-item {
    border-radius: 10px;

}

.navbar-nav .nav-item:hover  {
    background-image: -webkit-linear-gradient(270deg,rgba(240,237,167,1.00) 0%,rgba(238,207,0,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(240,237,167,1.00) 0%,rgba(238,207,0,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(240,237,167,1.00) 0%,rgba(238,207,0,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(240,237,167,1.00) 0%,rgba(238,207,0,1.00) 100%);
}
header h2 {
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
    color: #EEDD11;
    font-size: 325%;
    font-weight: 400;
    line-height: 2.2em;
    text-shadow: 0 1px 5.05px rgba(0,0,0,0.56);
    text-align: center;
    margin-top: 1em;
    letter-spacing: 0.12em;
}
header h2 a:link, header h2 a:visited {
    text-decoration: none;
    color: inherit;
}
.container .navbar-brand {
    display: none;
}


header p {
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
    color: #99CCEE;
    font-size: 150%;
    font-weight: 700;
    line-height: 1em;
    text-shadow: 3px 3px 5.95px rgba(0, 0, 0, 0.8);
    text-align: center;
    letter-spacing: 0.4em;
    margin-top: -40px;
}
header {
    background-image: url(images/Caesar%20in%20sanctuary%201920x580.png);
    background-color: #EEDD66;
    background-position: center center;
    background-size: 74% 98%;
    background-repeat: no-repeat;
    height: 220px;
    margin-top: 6.8em;
}
body {
    border-right: 15px solid #EEDD55;
    border-left: 15px solid #EEDD55;
    background-color: #EEDD66;
    font-family: Baskerville, "Source Sans Pro", "Trebuchet MS", Verdana, Arial, sans-serif, Helvetica;
}
footer {
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(0,68,119,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(0,68,119,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(0,68,119,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(0,68,119,1.00) 100%);
    padding-top: 5px;
    color: #B1CAE6;
}
.container.mt-3 .row {
    background-color: #004477;
}
section {
    background-color: #004477;
    margin-bottom: 5px;
}
.container {
    background-color: #004477;
    margin-bottom: 5px;
}
.footer {
    background-image: -webkit-linear-gradient(270deg,rgba(0,68,119,1.00) 0%,rgba(255,255,255,0.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(0,68,119,1.00) 0%,rgba(255,255,255,0.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(0,68,119,1.00) 0%,rgba(255,255,255,0.00) 100%);
    background-image: linear-gradient(180deg,rgba(0,68,119,1.00) 0%,rgba(255,255,255,0.00) 100%);
}

.footer {
    color: #000000;
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(0,68,119,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(0,68,119,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(0,68,119,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(0,68,119,1.00) 100%);
}
.bg {
    background-color: #EEDD66;
}

.media-body {
    background-color: #004477;
    color: #000000;
    margin-top: 6px;
    margin-right: 6px;
    margin-bottom: 6px;
    margin-left: 6px;
}

.card-body {
    background-color: #99CCEE;
}
address {
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
}
h3 {
    color: #99CCEE;
}
h4 {
    padding-top: 15px;
    padding-left: 10px;

}

nav .container {
    padding-bottom: 9px;
    border-bottom: 2px solid #99CCEE;
}
.text-body {
    color: #F9F9F9;
    margin-right: 10px;
    margin-left: 10px;
    padding-right: 10px;
    padding-left: 10px;
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
    background-color: #99C7DF;
}
p {
    color: #99CCEE;
    margin-right: 15px;
    margin-left: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.bg {
}
.media .media-body .mt-0.mb-1.text-center {
}
.pb {
}
.card-body {
    color: #000000;
}
.card-text {
    color: #000000;
}
.center {

}
.pt-10 {
}
.fluid {
}
.img {
}
.text-italics {
    font-style: italic;
}
.media .media-body .text-italics {
}
.card {
    background-color: #99CCEE;
}
.mobile-spacer {
    display: none;
}


@media (max-width: 991.98px){
.navbar-nav .nav-item {
    width: 100%;
    border: 1px solid #EDC90E;
    text-align: left;
    background-image: none;
    background-color: #ff3;
}
header h2 {
    font-size: 300%;
    font-weight: 400;
    letter-spacing: 0.05em;
}
header p {
    font-size: 144%;
    letter-spacing: 0.2em;
    margin-top: -40px;
}
header {
    background-size: 70% auto;
    height: 180px;
}




}

@media (max-width: 880px){
header h2 {
    font-size: 230%;
    font-weight: 400;
    letter-spacing: 0.05em;
}
header p {
    font-size: 120%;
    letter-spacing: 0.2em;
    margin-top: -40px;
}
header {
    background-size: 70% auto;
    height: 135px;
}



}

@media (max-width: 680px){
header h2 {
    font-size: 188%;
    font-weight: 400;
    letter-spacing: 0.035em;
}
header p {
    font-size: 90%;
    letter-spacing: 0.2em;
    margin-top: -40px;
    display: none;
}
header {
    background-size: 66% auto;
    height: 115px;
}



}

@media (max-width: 600px){
header h2 {
    font-size: 155%;
    font-weight: 400;
    letter-spacing: 0.025em;
}
header p {
    font-size: 73%;
    letter-spacing: 0.2em;
    margin-top: -40px;
}
header {
    background-size: 61% auto;
    height: 115px;
}



}

@media (max-width: 500px){
header.row {
    background-size: 61% auto;
    height: 115px;
    display: none;
}
.mobile-spacer {
    height: 60px;
    display: block;
}
.container .navbar-brand {
    display: block;
    color: #EEDD55;
    font-weight: bold;
}



}

@media (max-width: 350px){
h3 {
    font-size: 100%;
}
h4 {
    font-size: 101%;
}
p {
    font-size: 80%;
}
address {

}





}