* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

:root {
	--color-dysty:		#96858F;
	--color-lavendar:	#6D7993;
	--color-overcast:	#9099A2;
	--color-paper:		#D5D5D5;

	--color-bg-body:	var(--color-paper);
	/* --color-bg-body:	rgba(213,213,213,0.3); */


	--color-bg-header:	var(--color-lavendar);
	
	--color-bg-nav: rgba(213,213,213,0.3);
	--color-bg-nav: rgba(213,213,213,1.0);
	--color-bg-nav:		var(--color-paper);
	
	--color-bg-content: rgba(213,213,213,0.5);
	
	--color-bg-article:	var(--color-overcast);
	--color-bg-aside:	var(--color-dysty);
	--color-bg-footer:	var(--color-lavendar);

	--color-txt-body: white;
	--color-txt-body: var(--color-overcast);
	--color-txt-body: var(--color-lavendar);
	--color-txt-body: var(--color-dysty);

	--header-min-height:	160px;
	--nav-min-height:	40px;
	--content-min-height:	600px;
	--footer-min-height:	160px;
}

body, html {
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 18px;
	color: #926239;
	color: var(--color-txt-body);
	background-color: var(--color-bg-body);
	line-height: 1.6;
}

header.top {
	text-align: center;
	background-image: url('house1_mres.jpeg');
	/* background-size: contain; */
	background-size: 100%;
	background-position: right center;
	background-attachment: scroll;
	background-repeat: no-repeat;


	background-color: var(--color-overcast);
	
	height: 180px;
	/* border: 1px solid red; */
}

.containertop {

	height: 100%;
	background-image: url('budokan_logo_header_orig_1.png');
	
	background-size: 180px;
	background-position: left center;
	background-attachment: scroll;
	background-repeat: no-repeat;

}

#navtop {
	width: 100%;
	height: 3rem;
	color: var(--color-lavendar);
	background-color: var(--color-bg-nav);
	overflow: hidden;
	border-top: 1px solid var(--color-overcast);
	border-bottom: 1px solid var(--color-overcast);
	z-index: 10;
}
.sticky {
	position: fixed;
	top: 0;
}

#start {
	/* padding-top: 6rem; */
	padding-top: 108px;
}

.sticky + #start {
	padding-top: 166px;
	/* padding-top: 12rem; */
}

.container {
	min-width: 800px;
	max-width: 1200px;	
	margin: 0 auto;
	padding: 1em;
	color: var(--color-lavendar);
	text-align: justify;
}

section.container h2 {
	color: var(--color-dysty);
}

p {
	margin-bottom: 12px;
}

div.menucontainer {
	position: relative;
	/* top: 0; */
	height: 100%;
	/* border: 1px solid blue; */
}

#navtop ul {
	width: 100%;
	position: relative;
	height: 100%;
	/* bottom: 0; */
	/* top: 1rem; */
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	font-weight: bold;
}
 
#navtop ul>li {
	list-style: none;
	display: inline-block;
	text-align: center;
	padding: 0 0.5rem;
	/* border-left: 1px solid var(--color-lavendar);
	border-right: 1px solid var(--color-lavendar); */
	/* border-bottom: 4px solid var(--color-bg-nav); */
}

#navtop li:hover {
}

a.menuitem {
	text-decoration: none;
	color: var(--color-lavendar);
	display: block;
}
a.menuitem:hover {
	color: white;
	border-bottom: 2px solid white;
	cursor: pointer;
}

a.external {
	
}

#start {
	background-image: url('index_bg_hres.jpeg');
	
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	height: 100vh;
	/* position: relative; */
	/* border: 1px solid dodgerblue; */

	/* display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center; */

	/* padding: 0 20px; */
}


#start div.content {
	/* position: relative;
	top: 20vh;
	top: 300px; */
	text-align: center;
	margin: 0 auto;
	/* padding-top: 160px; */
	/* 
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;

	padding: 0 20px;
	*/
}



#start h1 {
	font-size: 50px;
	/* position: relative;
	margin-top: 80px; */
}



#start p {
	font-size: 20px;
}

#section-about {
	background-color: var(--color-paper);
	background-color: var(--color-bg-content);
	/* background-image: url('../img/cherrytree_hres.jpeg'); */

}

div.img-about {
	background-image: url('Liten_og_stor.jpg');
	
	background-size: cover;
	background-position: center;
	background-attachment: scroll;
	background-attachment: fixed;
	height: 50vh;
	height: 100vh;
}
div.img-boxing {
	background-image: url('boxing_hres.jpeg');
	
	background-size: cover;
	background-position: center;
	background-attachment: scroll;
	background-attachment: fixed;
	height: 50vh;
	height: 100vh;
}

div.img-jujutsu {
	background-image: url('ju-jutsu.jpg');
	
	background-size: cover;
	background-position: center;
	background-attachment: scroll;
	background-attachment: fixed;
	height: 50vh;
	height: 100vh;
}
div.img-judo {
	background-image: url('judo.jpg');
	
	background-size: cover;
	background-position: center;
	background-attachment: scroll;
	background-attachment: fixed;
	height: 50vh;
	height: 100vh;
}
div.img-bjj {
	background-image: url('bjj.jpg');
	
	background-size: cover;
	background-position: center;
	background-attachment: scroll;
	background-attachment: fixed;
	height: 50vh;
	height: 100vh;
}
div.img-kickboxing {
	background-image: url('/kickboxing1.jpg');
	background-size: cover;
	background-position: center;
	background-attachment: scroll;
	background-attachment: fixed;
	height: 50vh;
	height: 100vh;
}
div.img-girl {
	background-image: url('budokan_girl.png');
	
	background-size: cover;
	background-position: center;
	background-attachment: scroll;
	background-attachment: fixed;
	height: 100vh;
}


table.schedule {
	text-align: center;
	vertical-align: middle;
	border-collapse: collapse;
	width: 100%;
	border: 2px solid #6d7993;
	table-layout: fixed;
}
table.schedule th, table.schedule td {
	font-weight: bold;
	padding: 6px;
	border: 2px solid #6d7993;
}
table.schedule td {
	font-weight: normal;
	font-size: 120%;
	border: 1px solid #6d7993;
}


table.schedule th.room {
	font-size: 200%;
}
table.schedule th.day {
	font-size: 140%;
}
table.schedule td.boxing {
	color: dodgerblue;
}


.text-purple {
	color: purple;
}
.text-black {
	color: black;
}
.text-green {
	color: forestgreen;
}
.text-dkgreen {
	color: darkgreen;
}
.text-orange {
	color: orange;
}
.text-orangered {
	color: orangered;
}
.text-violet {
	color: violet;
}
.text-red {
	color: red;
}
.text-blue {
	color: dodgerblue;
}

footer.img-logo {
	background-image: url('budokan_logo_orig.png');
	
	background-size: contain;
	background-size: 250px;
	background-position: center;
	background-attachment: scroll;
	
	background-repeat: no-repeat;
	height: 220px;
	
}