@charset "utf-8";
/* CSS Document */

body {
	background-color: #d0c8bb;
	background-image: url("bck.jpg");
	background-repeat: repeat-x;
	color: #3a1f0a;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Arial;
	}
    
	.cont{
	margin-left: auto;
	margin-right: auto;
    width: 1100px;
	text-decoration: none;
	}
	
	.grid{display:  grid;
		grid-template-columns: 540px 540px;
		row-gap: 20px;
		column-gap: 20px;
	}

	.grid-item {
		min-height: 10px;
	}

	.banket {
		font-size: 1.1em; 
	}

	.list {
		display:  grid;
		grid-template-columns: auto auto;
		list-style-type: "\2705";
		line-height: 1.5em;
		
	}
	.list li {
		font-weight: bold; 
		text-decoration: none;
	}
	
	.contb{
	background-color: #3a1f0a;
	width: 100%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding-bottom: 20px;
	align-content: center;
	text-align: center;
	}
	
	.cont a, .contb a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	}
	
    .maincon {
	display: flex;
	}
	
	.mainconb22 {
	display: flex;
	background-color: #d0c8bb;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-left: 20px;
	margin-right: 20px;
	}
	.mainconb {
	display: grid;
	grid-template-columns: 50% 50%;
	background-color: #d0c8bb;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-left: 20px;
	margin-right: 20px;
	}
	
	.left, .right, .right0, .left0, .right1, .left1, .right2, .left2, .right3, .left3, .right4, .left4, .left5, .right5 { 
	line-height: 1.5em;
	}
	
	.right0 {
	background-image: url("saal.jpg");
	background-repeat: no-repeat;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background-size: 100%;
	background-position: top;
	}
	
	.left1 {
	background-image: url("hinnad.jpeg");
	background-repeat: no-repeat;
	border-radius: 10px;
	background-size: 100%;
	background-position: center;
	}
	
	.right2 {
	background-image: url("teenused.jpeg");
	background-repeat: no-repeat;
	border-radius: 10px;
	background-size: 100%;
	background-position: center;
	}
	
	.left3 {
	background-image: url("menu.jpeg");
	background-repeat: no-repeat;
	border-radius: 10px;
	background-size: 100%;
	background-position: center;	
	}
	
	.right4 {
	background-image: url("lastenurk.jpg");
	background-repeat: no-repeat;
	border-radius: 10px;
	background-size: 100%;
	background-position: center;
	}

	.left5 {
	text-align: left;
	vertical-align: middle;
	line-height: 2.5em;
		}

	.left5 img, .right5 img{
	display: inline-block;
    vertical-align: middle;	
	}
	
	.right5 {
	text-align: right;
	align-items: center;
	line-height: 2.5em;
	}
		
	.teenus {
	display: grid;
	grid-template-columns: 20% 20% 20% 20% 20%;
	color: #FFFFFF; 
	align-content: center; 
	text-align: center; 
	column-gap: 5px;
	overflow-wrap: break-word;
	font-size: 0.9em;
	}
	
	.teenus img {width: 50%; }
	
	.artur_logo { 
	width:250px; 	
	}
	
	.logo_place {
	display: grid; 
	place-items: center;	
	}
	
	.kiiu_bankerisaal { width:500px; }

	.bal {height: 3em;}
	
	.bal1 {height: 1em;}
	
	.galer {
		border-radius: 10px;
		height: 200px;
		margin: 10px;
	}
	
	.copyright {
		line-height: 2em;
		color: #d0c8bb;
		display: inline-block;
	}
	
	.menu {
		color: #d0c8bb;
		background-color: #3a1f0a;
	    border-bottom-left-radius: 10px;
	    border-bottom-right-radius: 10px;
		line-height: 2em;
		text-align: center;
		
	}
	
	.menu a{
		color: #d0c8bb;
		display: inline-block;
		padding-left: 10px;
		padding-right: 10px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		transition: 1s;
	}
	
	.menu a:hover{
		color: #3a1f0a;
		background-color: #e5e1de;
		transition: 1s;
	}
	
	.broneeri {
		display: inline-block;
		vertical-align: top;
		padding-top: 100px;
		padding-left: 10%;
		font-size: 2.2em;
		height: 3em;
		border-width: 2px;
		border: 2px;
		border-color: aqua;
	}
	.broneeri:hover{
		color: #0E0D0D;
	}
	.brform{
		line-height: 3em;
	}
	.brform input{
		line-height: 2em;	
		border-radius: 10px;
	}
	.additional {
		visibility: hidden;
	    display: none;
	}
	
@media screen and (max-width: 1119px){
	.cont, .contb{
	margin-left: 0;
	margin-right: 0;
    width: 100%;
	text-decoration: none;
	}
	
	.grid{display: grid;
		grid-template-columns: 50% 50%;
		column-gap: 10px;
	}
	
	.artur_logo { width:200px;}
	
	.kiiu_bankerisaal { width:80%;}
	
	.teenus {
	column-gap: 5px;
	font-size: 70%;
	padding: 0px;
	margin: 0px;
	}
	.banket {
		font-size: 1.0em; 
		text-align: center;
	}
	.cont h1{font-size: 1.2em; 
		text-align: center;}
}
@media screen and (max-width: 699px){
	.grid{display: grid;
		grid-template-columns: 100%;
		
	}
	
	.teenus {
	font-size: 1em;
	}
	
	.right0 {
	background-image: url("saal.jpg");
	background-repeat: no-repeat;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background-size: 100%;
	background-position: top;
	}
	
	.left1 {
	background-image: url("hinnad.jpeg");
	background-repeat: no-repeat;
	border-radius: 10px;
	background-size: 100%;
	background-position: center;
	height: 200px;
	}
	
	.right2 {
	background-image: url("teenused.jpeg");
	background-repeat: no-repeat;
	border-radius: 10px;
	background-size: 100%;
	background-position: center;
	height: 200px;
	}
	
	.left3 {
	background-image: url("menu.jpeg");
	background-repeat: no-repeat;
	border-radius: 10px;
	background-size: 100%;
	background-position: center;	
	height: 200px;
	}
	
	.right4 {
	background-image: url("lastenurk.jpg");
	background-repeat: no-repeat;
	border-radius: 10px;
	background-size: 100%;
	background-position: center;
	height: 200px;
	}

	
}
@media screen and (max-width: 599px){
	.grid{display: grid;
		grid-template-columns: 100%;
		
	}
	.mainconb {
	display: grid;
	grid-template-columns: 100%;
	background-color: #d0c8bb;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-left: 20px;
	margin-right: 20px;
	}
	.right5 {
	text-align: left;
	vertical-align: middle;
	line-height: 2.5em;
		}
	
	.teenus {
	font-size: 0.8em;
	}
	
	
	
}
@media screen and (max-width: 350px){
	.cont, .contb{
	margin-left: 0;
	margin-right: 0;
    width: 350px;
	text-decoration: none;
	}
	
}