/*-----------------LAYOUT-----------------*/
html,
body {
    background-image: url("images/bg-tile1.jpg");
    margin:0;
    padding:0;
    height:100%;
}
#container {
    height:100%;
    min-height:100%;
    position:relative;
}
#header {
    width: 100%;
    position: fixed;
    background:#000;
    padding:10px;
    text-align: center;
    z-index: 2;
}
#content {
    padding: 200px 10px;
    width:100%;
    margin:0 auto;
}
#footer {
   position:relative;
   bottom:0;
   width:100%;
   height:60px;   /* Height of the footer */
   background:#000;
}

.credit {
    width: 20px;
    height: 20px;
    display:block;
    position:absolute;
    background-image:url("images/cactusicon.png");
    background-size: 20px 20px;
    z-index: 5;
    right: 14%;
    top: 23px;
}

@media (min-width: 672px) {
    .footerimg {
        width: 100%;
        height:195px;
        top: -135px;
        background-repeat: no-repeat;
        background-image: url("images/footer-rft-kanagawa.png");
        background-size: 100% auto;
        margin:0 auto;
        position:relative;
    }
}

@media (max-width: 671px) {
    .footerimg {
        width: 100%;
        height:195px;
        top: -135%;
        background-repeat: no-repeat;
        background-image: url("images/footer-rft-kanagawa.png");
        background-size: 100% auto;
        margin:0 auto;
        position:relative;
    }
}

.logo {
    background-image: url("images/rft_kanagawa_2016.png");
    background-repeat: no-repeat;
    background-position: center; 
    width: 100%;
    min-height: 450px;
    position:relative;
    display:block;
    z-index: 1;
}

@media (min-width: 610px) {
    .page-content {
        width: 610px;
        min-height: 640px;
        position: inherit;
        padding: 20px;
        margin: 0 auto 40px auto;
    }
}

@media (max-width: 609px) {
    .page-content {
        max-width: 569px;
        min-height: 640px;
        position: inherit;
        padding: 20px;
        margin: 0 auto 20px auto;
    }
    
    .page-content img {
        max-width: 95%;
        margin: 0 auto;
    }
}

.knspeaker {
    padding-bottom: 30px;
    margin-bottom: 40px;
    border-bottom: 1px solid #cccccc;
    display: inline-block;
}

.fix {
    clear: both;
}
/*--------------TYPOGRAPHY----------------*/

body, p {
    font-family: serif, times new roman;
    font-size: 1em;
    line-height: 1.3em;
}

h1 {
    font-family: sans-serif, 'Arial';
    font-size: 2.4em;
    margin:20px 0 40px 0;
    width: 100%;
    line-height: 1.5em;
}

a {
    color: #e84e0f;
}

nav {
    font-family: sans-serif, Arial;
    text-transform: uppercase;
    font-size: 1.2em;
    line-height: 1.2em;
    text-align: center;
    letter-spacing: -0.03em;
}

li {
    margin-bottom: .6em;
}
/*--------------NAVIGATION----------------*/
nav {
    margin: 10px auto;
    width: 100%;
    min-height: 20px;
}
nav ul {
    list-style: none;
    margin: 0 20px;
}
nav li {
    float:left;
    padding: 5px 8px;
    background: #555;
    margin: 0 3px 6px 3px;
    border-radius: 3px;
}
nav li a {
    transition: all 0.2s ease;
    text-decoration: none;
    color: #fff;
}

nav li:hover {
    background: #333;
}

nav li a:hover {
    text-decoration: none;
    color: #e84e0f;
}

nav li a.current {
    color: #e84e0f;
}

/*--------------IMAGES----------------*/
.titleimg {
    max-width: 610px;
}