/* Web Fonts*/
    @font-face  {
        font-family: 'Majesti Banner';
        src: url('media/majesti-banner/majesti-banner-light.otf') format('OpenType');
        }

    @font-face  {
        font-family: 'Majesti Banner';
        font-style: italic;
        src:url('media/majesti-banner/majesti-banner-lightitalic.otf') format('OpenType');
        }

/* Generic Body Stuff*/

    body    {
        background-color: rgb(190, 30, 45);
        color: rgb(138, 140, 143);
        font-family: Majesti Banner, Times New Roman, serif;
        font-size: 1.3em;
    }

    section    {
        display: block;
        margin: 0;
        padding-left: 2%;
        padding-right: 2%;
    }

    #info {
        float: left;
        width: 45%;
    }

    #image {
        float: right;
        text-align: center;
        width: 45%;
    }
    
    #hours {
        float: left;
        width: 45%;
    }

    #reserve {
        float: right;
        width: 45%;
    }

    h1 {
        text-align: center;
        font-size: 1.5em;
		text-shadow: 1px 1px 5px rgba(0, 0, 0, .3);
		color: rgb(190, 30, 45);
    }

    h2 {
        font-size: 1.3em;
        font-style: italic;
        text-align: center;
    }

/* Main Container*/
    #container    {
        background-color: rgb(65, 57, 61);
        margin: 0% 7.5%;
        height: 96vh;
        min-height: 700px;
        padding: 0px;
        width: 85%;
    }

/* Logo related */
    #logo    {
        color: white;
        text-align:  center;
    }

    #town-logo {
        height: 15vh;
    }

/* Navigation */
    nav    {
        padding: 0px;
        text-align: center;
    }

    nav ul    {
        margin: 0;
        padding: 0;
    }

    nav ul li    {   
        float: left;
        list-style: none;
        width: 25%
    }

    a    {
        background-color: rgb(190, 30, 45);
        color: rgb(138, 140, 143);
        line-height: 250%;
        position: relative;
        text-decoration: none;
        text-shadow: 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 5px rgba(0, 0, 0, .5);
    }
 
    li a    {
        display: block;
    }

    a:hover {
        background-color: rgba(190, 30, 45, 0.5);
    }

    #map {
        background-color: transparent;
    }

/* Display window (iframe) */
    iframe
    {
        background-color: transparent;
        border-style: hidden;
        border-color: black;
        height: 70%;
        position:relative;
        width: 100%;
    }

/* Footer & Misc */
    footer
    {
        background-color: rgb(190, 30, 45);
        bottom: 5%;
        position: inherit;
        text-align: center;
        width: 100%;
    }

#feature-image {
    height: 70vh;
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .5);
}
