/* -------------------------------------------------------------------------------------------------- */
/*
    See: http://www.w3schools.com/html/html5_browsers.asp
*/
header, section, footer, aside, nav, main, article, figure {
    display: block;
}

/* -------------------------------------------------------------------------------------------------- */
@font-face {
    font-family: AmbrosiaFont;
    src: url(../Media/Fonts/Ambrosia.otf);
}

/* -------------------------------------------------------------------------------------------------- */
body {
    background-color:rgb(0,0,0);
    color:rgb(0,0,0);

    /*font-family: AmbrosiaFont, 'Times New Roman', Times, serif;*/
    font-family: 'Sorts Mill Goudy', serif;
/*    font-size: 25px;*/
/*    font-size: 30px;*/
    font-size: 1.1em;/*1.25em;/*20px;*/
    line-height: 1.4em;
/*    -webkit-font-smoothing: antialiased;*/

/*    font-family: 'Times New Roman', Times, serif;
    font-size: 20px;*/
}

p {
    margin-top:1em;
    margin-bottom:1em;
    margin-left:0em;
    margin-right:0em;
}

h1,
h2,
h3,
h4,
h5,
h6
{
    /*font-family: AmbrosiaFont, 'Times New Roman', Times, serif;*/
    font-family: 'Amatica SC', 'Times New Roman', Times, serif, cursive;
    font-weight:100;
    text-transform: uppercase;
    line-height: 1.1em;
    text-align:center;
}

h1 {
    font-size:3em;
    margin-top:0.5em;
    margin-bottom:0.5em;
}

h2 {
    font-size:2em;
    margin-top:0.5em;
    margin-bottom:0.5em;
}

h3 {
    font-size:1.5em;
    margin-top:0.5em;
    margin-bottom:0.5em;
}

header img {
    display:block;
/*    padding:0px;
    margin:0px;*/
    margin: 0px;
}

/* -------------------------------------------------------------------------------------------------- */
header,
footer {
    color:rgb(200,200,200);
}

header{
	width:100%;
	/*border-top:solid 3px rgb(0,0,0);*/
}

section {
    width:100%;
    background-color:rgb(255,255,255);
    /*background-color:#f1f1f1;*/
    /*background-color:rgb(245,240,230);*/
    /*background-color:rgb(240,235,220);*/

    min-height:200px;

    /*background-image:url(../Media/Graphics/Dirt.png);
    background-repeat:repeat-x;*/

    background-image:url(../Media/Graphics/Rauschen.jpg);
    /*background-repeat:repeat-x;*/

    padding-top:40px;
    padding-bottom:40px;
}

footer {
	width:100%;
    padding:10px 0px 10px 0px;
    text-align:center;
    font-size:0.8em;
}

nav {
    top: 0px;
    width: 100%;
    z-index: 9999;

    /*position:absolute;*/
    position:fixed;

    background:rgba(0,0,0,0.7);
    color:rgb(255,255,255);

    font-family: 'Amatica SC', 'Times New Roman', Times, serif;
    font-size:1.25em;
}

/*.navigationItemsContainer
{
    width:500px;
    margin:auto;
}*/

nav ul {
/*    margin:auto;*/
    text-align:center;
}

nav ul li {
    display:inline-block;
    margin:10px 10px 10px 10px;
/*    display:block;
    margin:auto;*/
}

.contentContainer {
/*    width:800px;*/
    max-width:700px;
    min-width:500px;
    margin:auto;
/*    padding:20px;*/
    padding-left:20px;
    padding-right:20px;
}

.ornament {
    clear:both;
    margin:30px auto;
    width:100%;
/*    height:auto;*/
    background-size:contain;
/*    width:800px;*/
    height:90px;
    background-image:url(../Media/Graphics/OrnamentBlack.png);
    background-repeat: no-repeat;
    background-position: center;
}

footer .ornament {
    background-image:url(../Media/Graphics/OrnamentWhite.png);
}

/* -------------------------------------------------------------------------------------------------- */
/* Alignment */
/* -------------------------------------------------------------------------------------------------- */
.alignLeft {
    display:block;
    float:left;
    margin:0px 20px 0px 0px;
    text-align:left;
}

.alignRight {
    display:block;
    float:right;
    margin:0px 20px 0px 0px;
    text-align:right;
}

.alignCentered {
    display:block;
    margin:auto;
    text-align:center;
}

.clearAlign {
    clear:both;
}

.poem {
    display:block;
/*    width:500px;*/
    text-align:center;

/*    font-family: AmbrosiaFont, 'Times New Roman', Times, serif;
    font-size:1.25em;*/

    font-style:italic;
/*    font-weight:100;*/
}

.smallerBox {
    width:66%;
    display:block;
}

p {
    margin-left:0px;
    margin-right:0px;

    padding-left:0px;
    padding-right:0px;
}

.appStoreLink {
    display:block;
    width:30%;
    /* margin:50px; */
}

/* Test */
@media only screen and (max-device-width: 480px) {
    body {
/*        font-size:50px;*/
        font-size:2.6em;
        line-height: 1.2em;
    }

    .contentContainer {
        max-width:100%;
/*        padding:20px;*/
    }

    .contentContainer p {
        margin-left:0px;
        margin-right:0px;
    }

    .smallerBox {
        width:90%;
        display:block;
    }

/*    nav {
        display:inline-block;
        position:relative;

        background:rgba(0,0,0,0.7);
        color:rgb(255,255,255);
    }*/

    nav {
        position:absolute;
        /*position:fixed;*/
    }

    nav ul li {
        display:inline-block;
/*        margin:20px 20px 20px 20px;*/
/*        margin:0.3em 0em 0.3em 0em;*/
/*        font-size:80px;*/
        margin:0.5em 0em 0.5em 0em;
        font-size:1.5em;
        width:100%;
    /*    display:block;
        margin:auto;*/
    }

    .appStoreLink {
        display:block;
        width:50%;
    }
}