* {
	font-family: 'Inconsolata', monospace;
}
h1 {
	color: #37474F;
}
/*
html {
    overflow-y: scroll;
}*/

.h1videod {
	color: #37474F;
	text-align: center;
	padding: 3px;
	margin-bottom: 1em;
}

.h2videod {
	color: #37474F;
	text-align: center;
	padding: 2px;
}

.unorderedlist {
	list-style-type: circle;
}

.button1 {
	background-color: #EEEEEE;
	border: none;
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
	padding: 8px 12px;
	font-size: 1em;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	margin-left: 3px;
}

.button1:hover {
	background-color: #E0E0E0;
}

.button1:active {
	background-color: #9E9E9E;
}

input:focus {
    outline:none;
}

.side {
    height: 119px;
    width: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgb(66,66,66);
    overflow: hidden;
}

.main {
    margin-top: 40px;
	margin-left: 30px;
	margin-right: 30px;
    padding: 10px 10px;
}

.list {
  font: 200 16px/1.5 Helvetica, Verdana, sans-serif;
}
 
.list:hover {
  font-size: 18px;
  background: #f6f6f6;
}


.inputbox { 
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	padding: 8px 12px;
	width: 300px;
	font-size:1em;
}

ul.typeahead{
	margin:0px;
	padding:5px 0px;
	list-style: none;
	border:#CCC 1px solid;
	border-radius: 4px;	
}

ul.typeahead.dropdown-menu li a {
	padding: 4px 12px !important;
	border-bottom:#CCC 1px solid;
	color:#37474F;
	text-decoration:none;
	display:block;
	
}

ul.typeahead.dropdown-menu li:last-child a { 
	border-bottom:0px !important;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
		text-decoration: none;
		background-color: #EEEEEE;
		outline: 0;
	}

.container {
  display: flex;
  justify-content: center;
}

.container2 {
  margin-top: 5em;
  justify-content: center;
  position: relative;
}


#vastus {
	list-style: none;
}

#laulupidu {
	background-image: url("laululava.png");
	/*opacity: 0.1;*/
	background-repeat: no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;

}

.taust {
	background: rgba(255,248,225,0.8);
	min-height: 100%;
}

body {
	margin:0;
	padding:0;
}

.menubtn {
	background-color: rgb(191,54,12);
	color:white;
	border: none;
	width: 115px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding: 6px 10px;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	margin: 0 10px;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.menubtn:hover {
	background-color: rgb(153, 38, 4);
}

.menucontainer {
	display: flex;
	justify-content:center;
}

.containermain {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	padding-top: 3em;
}

.peakylg {
	flex: 30%;
	text-align: justify;
	font-family: 'Inconsolata', monospace;
}

.divider {
	flex: 5%;
	vertical-align: middle;
}

.peavideo {
	flex: 60%;
}

.middle {
	margin-left: 20vw;
	margin-right: 20vw;
	text-align: center;
	/*background-color:  rgba(255,248,225)*/
}

details {
	font-size: 1.5 em;
	margin-bottom: 1 em;
}

li > a:any-link {
	color: rgb(191,54,12);
}

details[open] summary::after {
		content: "\f107";
}

summary::after {
		font-family: FontAwesome;
		content: "\f105";
		display: inline-block;
		padding-left: 10px;
}
	
summary::-webkit-details-marker {
		display: none
}

summary {
	list-style: none;
}

.vasakpool {
	flex: 50%;
}

.parempool {
	flex: 50%;
}

.container3 {
	margin-top: 2em;
	justify-content: center;
	position: relative;
}

.center {
    margin-left: auto;
    margin-right: auto;
    display: block
}

@media screen and (max-width: 900px) {
	.divider {display: none;}
	.peakylg, .peavideo {flex-direction: column; flex: 100%}
	.middle {margin-left: 15vw; margin-right: 15vw;}
}