html {
    font-size: 100%;
}

body {
    padding-top: 50px; /* for the navbar */
    background: #eee;
    font-size: 1.25em;
    font-family: 'EB Garamond', 'eb_garamond12_regular', serif;
}

h1 {
    font-size: 350%;
}

h2 {
    font-size: 175%;
}

.dropdown-menu {
    font-size: 90%;
}

.bookinglist {
    margin: 10px 0;
}

.creedphoto {
    background: url(../images/creed-church2.jpg) no-repeat center center scroll; 
/*    background: url(../images/creed-church-600x600.jpg) no-repeat center center scroll; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative; 
}

/*
    Aligns the front page text to the bottom of the screen.
*/
#creedphototextcontainer {
    position: absolute;
    bottom: 0px;
}

.creedphototext {
    background: #666; /* just in case image fails*/
    background: url(../images/celtic-cross-lighter.png) repeat top left scroll;
    color: white;
    padding-left: 5px;
    padding-right: 5px;
    text-shadow: 2px 2px #000;
    /* opacity: 0.8; /* /* not required as transparency built in to the background image */
    /* filter: alpha(opacity=80);*/ /* For IE8 and earlier */
}

.fullwidthimg {
    width: 100%;
}

.footer {
    margin-top: 20px;
    padding-top: 20px;
    background: #ccc;
}