@media all and (orientation:portrait) {
	body {
		font-family: "Courier New", Courier, monospace;
		padding: 3%;
		margin: auto;
		font-size: 200%;
	}
}

@media all and (orientation:landscape) {
  body {
		font-family: "Courier New", Courier, monospace;
	    max-width: 1000px;
		padding: 15px;
		margin: auto;
		font-size: 100%;
	}
}


img {
   width: 100%;
}
.column {
	column-count: 3;
	column-gap: 5px;
}

center {
	width: auto;
    text-align: center;
	line-height:150%;
    clear: both;
}

div.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

div.gallery-item {
  margin: 0 5px 0 0;
  width: 24.5%;
  min-width: 200px;
  text-align:center;
}

audio {
	width: 100%;
	display: block;
	margin: 1% 0 5% 0;
}

.sleft {
	width: 17%;
    float: left;
    text-align: right;
    line-height:100%;
}

.lright{
	width: 82%;
	font-weight: bold;
	float: right;
	text-align: left;
	line-height:120%;
    font-size: 120%;
    padding: 0% 0% 0% 0%;
}

.clear{
      clear: both;
}
.menu {
    font-size: 120%;
    text-align: left;
    padding: 0% 0% 1% 0%;
}
.centralheader{
	font-weight: bold;
    font-size: 200%;
    color: white;
    text-shadow: 2px 2px 5px red;
    text-align: center;
    padding: 3% 0% 3% 0%;
    
    background-image: url('kaburaya_2.JPG');
    background-size: 100%;
    background-position: center;
    margin: 0 0 5px 0;
}
.centraltext{
    font-size: 100%;
    text-align: center;
    
}

ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px 0px 0px 0px;
}
a:link {
    text-decoration: none;
    color:gray;
}
a:visited {
    text-decoration: none;
    color:gray;
}
a:hover {
    text-decoration: none;
    color:black;
}
a:active {
    text-decoration: none;
    color:DarkGoldenrod;
}
li {
    display:inline;
    padding: 10px;
}
li a {
    list-style-type: none;
}