body {
    font-family:Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
    font-size: 1.3em;
    text-align:center;
}

h1 {
    font-size:4em;
    text-shadow:2px 4px 3px rgba(0,0,0,0.3);
    margin:0 0 5px 0;
}
h2 {
    font-size:2em;
    text-shadow:1px 2px 2px rgba(0,0,0,0.3);
    margin-top:40px;
}


a {
    text-decoration:none;
    color:#6666CC;
}

a:hover {
    text-decoration:underline;
}

#wrapper {
    background: url("../img/duivenkot.png") left top no-repeat;
    padding: 0 10px;
}

footer::before {
    background: url("../img/duiven.png");
    height:365px;
    height:365px;
    float:right;
    margin-top:-365px;
    width:397px;
    display:block;
    content:'';
    z-index: -10;
}

#title {
    text-transform:uppercase;
    font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif;
    margin:40px 0;
}

.description {
    font-size:1.2em;
    text-shadow:
    -1px -1px 0 #fff,
     1px -1px 0 #fff,
     -1px 1px 0 #fff,
      1px 1px 0 #fff;
}

#info {
    min-height:420px;
}
#locatie h2 {
    margin-top:0;
}
#locatie ul,
#tickets ul {
    list-style: none;
}

#map {
    margin:10px auto 0;
    border:1px solid #ccc;
    max-width:700px;
    max-width:80%;
    margin-bottom:-6px;
    height:500px;
}

footer {
    background:#eeeeee;
    color:#000000;
    margin-top:20px;
}
footer p {
    padding:15px 10px 0;
}
.facebook {
    max-width:720px;
    text-align:right;
}
.facebook svg {
    width:32px;
    height:32px;
    background:#3A5795;
    fill:#fff;
            border-radius:4px; /* future proofing */
       -moz-border-radius:4px;
    -webkit-border-radius:4px;
     -khtml-border-radius:4px; /* for old Konqueror browsers */
}
.facebook svg:hover {
    fill:#999;
}

/*
  Sticky Footer by Ryan Fait
  http://ryanfait.com/html5-sticky-footer/
*/
* {
    margin: 0;
}
html, body {
    height:100%;
}
#wrapper {
    min-height:100%;
    margin:0 auto -105px; /* the bottom margin is the negative value of the footer's height */
}
footer, .push {
    height: 105px; /* '.push' must be the same height as 'footer' */
}



@media only screen and (max-width: 600px) {
    #map {
	height:300px;
    }
    h1 {
	font-size:3em;
    }
}