body {
font-family: Candara, Roboto, Arial, Helvetica, sans-serif;
font-size: 1em;
background: url(../images/AmistadSunset.jpg);
background-repeat: no-repeat;
background-size: 100% 100%;
background-color: #0c0e1d;
background-attachment: fixed;
}

a:link {
color: #000095;
font-style: italic;
}

a:visited {
color: #2b2bff;
font-style: italic;
}

a:hover {
color: black;
font-style: italic;
}

a:active {
color: #00ff00;
font-style: italic;
}

a img {
border: none;
}

#banner {
font-size: 3.5em;
font-weight: bold;
font-family: 'Yesteryear', Arial, Helvetica, sans-serif;
text-shadow: 3px 3px 5px white;
line-height: .9;
}

.bold {
font-weight: bold;
}

.book-title {
font-style: italic;
font-weight: bold;
}

.c1920 {
float: left;
font-family: "Courier New", Courier, "Lucida Sans Typewriter";
padding: .5em;
text-align: left;
}

.caption {
font-size: .8em;
font-weight: bold;
}

.center {
text-align: center;
}

.centered {
margin: 0 auto;
}

#col-a {
width: 38%;
float: left;
border-right: thin solid Gray;
padding: 3px;
vertical-align: top;
}

#col-b {
width: 60%;
float: right;
vertical-align: top;
}

.color {
color: red;
}

.columns {
column-width: 320px;
margin: 1em 0;
}

/* SEE IFRAME FOR CONTACT CLASS */

#contact-me {
width: 39%;
height: 910px;
border: 20px solid #250099;
border-radius: 35px;
background-color: #eaeaff;
box-shadow: 1px 1px 2px 2px #160002, -1px -1px;
padding: 5px;
float: left;
}

#content {
width: 90%;
margin: auto;
margin-bottom: 5px;
overflow: hidden;
background: rgba(255, 255, 255, 0.9);
border-radius: 6px;
padding: 0 1em 1em 1em;
}

.few {
font-style: italic;
font-size: .9em;
margin: 0 2em 1em 2em;
padding: 0 2em 0 2em;
}

#foot {
clear: both;
width: 90%;
color: white;
font-size: .8em;
text-align: center;
margin: 0 auto;
padding: 1em .5em;
background: rgba(12, 14, 29, 0.9);
border-radius: 8px;
}

#foot a {
color: white;
}

h1, h2, h3, h4, #header {
color: #250099; /* 37, 0, 153 */
}

#header {
border: 5px dotted #250099;
border-radius: 6px;
box-shadow: inset 0 0 15px black, inset 4px 4px 15px #250099, 0 0 15px black, 4px 4px 15px #250099;
margin: 0 15%;
text-align: center;
background: rgba(255, 255, 255, 0.2);
}

.highlight {
color: #990025;
}

hr {
border: 1px;
border-style: solid;
margin-right: 150px;
margin-left: 150px;
margin-top: 15px;
margin-bottom: 15px;
color: #250099;
background-color: #250099;
}

iframe#contact {
margin-left: 10px;
width: 44%;
height: 900px;
border: 20px solid #250099;
border-radius: 35px;
background-color: #eaeaff;
box-shadow: 1px 1px 2px 2px #160002, -1px -1px;
padding-top: 20px;
}

#inner-wrapper {
}

.links {
clear: both;
border-top: thin solid Gray;
}

/* menu has it's own css file - menu.css */

.news h3 {
margin-bottom: 0;
}

#outer-wrapper {
width: 80%;
margin: auto;
}

.subtitle {
margin: -.05em 6em 1em 0;
line-height: .9;
font-style: italic;
font-size: .9em;
}

.table-cemetery {
width: 95%;
margin: auto;
border-collapse: collapse;
}

.table-cemetery td {
padding: .5em;
}

.table-cemetery tr {
border-top: thin solid #ccc;
}

.table-surname{
width: 95%;
margin: auto;
border-collapse: collapse;
}

.table-surname td:nth-child(1) {
font-weight: bold;
text-transform: uppercase;
line-height: 1.5em;
padding-right: 2em;
}

.table-surname td:nth-child(2) {
white-space: nowrap;
padding-right: 2em;
}

.table-surname tr:hover {
background-color: #ccc;
}

.update {
font-size: .7em;
color: #efeaff;
text-align: right;
padding: 5px;
margin-top: 5px;
}


@media only screen and (max-width:1000px) {
#outer-wrapper {
width: 100%;
}
}

@media only screen and (max-width:850px) {
#col-a, #col-b {
float: none;
width: 100%;
border: 0;
}
#contact-me {
float: none;
width: 85%;
height: auto;
margin-bottom: 1em;
}
iframe#contact {
margin: 0;
width: 88%;
height: 500px;
}
.location {
display: none;
}
#menu {
width: 100%;
}
.navbar {
width: 100%;
}
}

@media only screen and (max-width:550px) {
#banner {
font-size: 2.5em;
line-height: .95;
}
.subtitle {
margin: 0 0 1em 0;
}
}