html {
    position: relative;
    min-height: 100%;
}

body {
    margin: 0 0 80px; /* bottom = footer height */
    /*background-image: url("../images/fondo7.png");*/
}

header {
    /*background-image: url(../images/fondo4.png);*/
    /*color: #777777;*/
    background: rgba(0, 0, 0, 1);
    margin: 0em;
    padding: 0.0em;
    top: 0;
    /*position: fixed;*/
    width: 100%;
    box-shadow: 0em 0em 1em 0em #333333;
}

@media screen and (min-width: 0em) {
    header h1 {
        font-size: 0.6em;
    }

    nav li {
        font-size: 0.6em;
    }

    .pure-menu-list {
        margin: 0em 0em 0em 0em;
    }

    footer p {
        font-size: 0.4em;
    }
}

@media screen and (min-width: 420px) {
    header h1 {
        font-size: 0.6em;
    }

    nav li {
        font-size: 0.7em;
    }

    .pure-menu-list {
        margin: 0em 0em 0em 0em;
    }

    footer p {
        font-size: 0.5em;
    }
}

@media screen and (min-width: 680px) {
    header h1 {
        font-size: 1em;
    }

    nav li {
        font-size: 1em;
    }

    .pure-menu-list {
        margin: 0em 0em 0em 0em;
    }

    footer p {
        font-size: xx-small;
    }

}

@media screen and (min-width: 960px) {
    header h1 {
        font-size: 1.2em;
    }

    nav li {
        font-size: 1.2em;
    }

    .pure-menu-list {
        margin: 0em 0em 0em 0em;
    }

    footer p {
        font-size: x-small;
    }

}

@media screen and (min-width: 1024px) {
    header h1 {
        font-size: 1.2em;
    }

    nav li {
        font-size: 1.2em;
    }

    .pure-menu-list {
        margin: 0em 0em 0em 0em;
    }

    footer p {
        font-size: x-small;
    }

}

@media screen and (min-width: 1200px) {
    .content_section {
        width: 50% !important;
    }
}

@media screen and (max-width: 680px) {
    #kikusui_header img {
        height: 75px !important;
    }
}

header h1 {
    margin: 0em 0em 0em 0em;
    font-family: 'Poppins', sans-serif;
    /*font-weight: 100;*/
    text-align: center;
    color: #FFFFFF;
    text-transform: uppercase;
    line-height: 1em;
}

.asturias_span {
    display: block;
}

/*.pure-menu-heading {
    float: left;
}*/

.pure-menu {
    margin: 1em auto 0em auto;
    text-align: center;
    /*background: rgba(100, 100, 100, 0.1);*/

}

.pure-menu-list {
    display: block;
    color: #777777;

}

.pure-menu-selected .pure-menu-link, .pure-menu-selected .pure-menu-link:visited {
    color: #BBBBBB !important;
}

main {
    /*background: #222222;*/
    padding-top: 2em;

}

#main_image {
    margin: 0em;

}

.content_section {
    margin: 1em auto 1em auto;
    width: 80%;
}

.content_section p {
    margin: 1em 0em 2em 0em;
    line-height: 1.6em;
    text-align: justify;
    font-size: 1.1em /*larger = 1.2em*/;
    color: #000000;
}

.content_section h2 {
    margin: 0em 0em 0em 0em;
    padding: 0em;
    font-weight: bold;
    color: #000000;
}

footer {
    width: 100%;
    margin: 0em;;
    padding: 0.2em 0em 0.8em 0em;
    /*bottom: 0;
    position: relative;*/
    /*background: rgba(100, 100, 100, 0.1);*/

    box-shadow: 0em 0em 1em 0em #333333;

    /*background-image: url(../images/fondo5.png);*/
    position: absolute;
    left: 0;
    bottom: 0px;
    height: 30px;
    width: 100%;
    background: rgba(0, 0, 0, 1);
}

footer p {
    text-align: center;
    color: #FFFFFF;
    font-family: 'Open Sans', sans-serif;
    /*font-size: x-small;*/
    line-height: 0.6em;

}

.css_josefin_sans_font p {
    font-family: 'Open Sans', sans-serif;
}

.css_josefin_sans_font h2 {
    font-family: 'Open Sans', sans-serif;
}

.css_josefin_sans_font li {
    font-family: 'Open Sans', sans-serif;
}

a:link, a:visited, a:hover, a:active {
    font-weight: normal;
    color: #000000;
    text-shadow: 3px 3px 6px #DDDDDD;
}

a.pure-menu-link:link, a.pure-menu-link:visited, a.pure-menu-link:active {
    font-weight: normal;
    text-decoration: none;
    color: #FFFFFF;
    text-shadow: none;
}

a.pure-menu-link:hover {
    background: none;
}

#kikusui_header img {
    display: block;
    margin: 0% auto 0% auto;
    padding: 0.5em;
}

#suioryu h2 {
    letter-spacing: normal;
}

#kikusui_header img {
    height: 100px;
}