*{
    margin:0;
    padding:0;
    border:0;
    font-family: 'Vollkorn', serif;
}


body{
    background:url("images/bg.png") #fff;
    min-width:400px;
}


#h_container, #container{
    max-width:1280px;
    margin:auto;
}

#container{
    background:#fff;
    padding-top:70px;
    overflow:hidden;
    border-right:1px solid #e4e4e4;
}

article, header, footer, hr, .clearfix{
    clear:both;
}




header{
    width:100%;
    background:url("images/header.png");
    background-repeat:repeat-x;
    background-position:bottom;
    height:70px;
    position:absolute;
    z-index:2;
}

header img{
    position:absolute;
    top:0;
}

h2{
    color:#222;
    font-weight:bold;
    font-size:2em;
    margin-bottom:10px;
}


.hr1{background-image:url("images/hr1.png");}
.hr2{background-image:url("images/hr2.png");}
.hr3{background-image:url("images/hr3.png");}
.hr4{background-image:url("images/hr4.png");}
hr{
    height:80px;
    background-repeat:no-repeat;
    background-position:center;
}


.upd{
    font-size:10px;
    text-align:right;
    padding:3px;
    margin-top:15px;
}

article{
    width:96%;
    padding:2%;
    margin-bottom:1em;
}

article .half{
    width:48%;
    margin:1%;
    float:left;
}

article .vid{
    width:70%;
    margin:auto;
}


article p{
    color:#333;
    margin-bottom:1em;
}

.video-container{
    position:relative;
	padding-bottom:56.25%;
	padding:top:30px;
	height:0;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.centered{
    text-align:center;
}

.large{
    color:#222;
    font-size:1.5em;
}

.fill{
    width:100%;
    height:auto;
}

.map{
    position:relative;
    max-width:500px;
}

.map-border{
    pointer-events:none;
}

.map-frame{
    position:absolute;
    overflow:hidden;
    width:70%;
    height:70%;
    top:16%;
    left:19%;
    z-index:1;
}


footer{
    height:400px;
    text-align:center;
    background:url("images/katana.jpg");
    background-repeat:no-repeat;
    background-position:center;
}

footer p{
    font-size:20px;
    font-weight:bold;
    padding-top:60px;
}
footer .small{
    font-size:15px;
    font-weight:bold;
    padding-top:15px;
}


@media screen and (max-width : 600px){
    header img{
        width:80%;
        height:auto;
    }
    
    
    article .half{
        width:100%;
        margin:.5em 0;
    }
    
    article .vid{
        width:100%;
    }
    
    article{
        text-align:justify;
    }
    
    .large{
        text-align:center;
    }
}