body, p, li, a {font-family: 'PT Serif', serif; color:#020509; font-size:16px; } 

p {line-height:22px; }

a:hover, a:visited {color:#020509;}

.logo {width:60px; height:auto;}
.white {background:#fff; height:100vh; overflow-y:auto; padding-bottom:60px;}

.map {background:url('https://www.placehold.it/900?text=laen..'); background-size:cover; background-position:center center; height:100vh}

.teos .tiitel, .sisu .tiitel {font-size:22px; font-weight:700;}
.teos p {font-size:16px; }
.teos .autor {font-size:16px; margin:0; font-weight:700; margin-bottom:3px;}
.teos .asukoht, .teos .asukoht2 {font-size:16px; margin:0;} 
.teos .reference {font-size:12px; margin:0; margin-top:20px;}

.actions, .actions a {font-family: 'Archivo Narrow', sans-serif; color:#77797b; text-decoration:none;}


.black-menu {background:#020509; padding:15px 30px; position:fixed; bottom:0; border-top:10px solid #fff;}
.black-menu a, .black-menu p {font-family: 'Archivo Narrow', sans-serif; color:#fff; text-decoration:none; margin:0;}
.black-menu a {padding:20px 0px;}

label.feedback-error {font-size: 12px; color: #b50909; margin-bottom: 20px;}
.form-control.vorm.feedback-error {margin-bottom: 0px;}
/* otsing */
.form-control {
	border-radius:0 !important;
	border: 1px solid #020509;
	margin-bottom:20px;
	color:#77797b;
	font-family: 'Archivo Narrow', sans-serif; 
}

.tulem {margin-bottom:15px;}
.tulem h2 {font-size:16px; font-weight:700; margin:0; margin-bottom:2px;}
.tulem h3 {font-size:16px; font-weight:400; margin:0; margin-bottom:2px;}
.tulem h4 {font-size:16px; font-weight:400; margin:0;}
.tulem a {color:#020509; text-decoration:none;}
.tulem a:hover h3 {text-decoration:underline}
.tulem a:hover h2 {text-decoration:none;}
/* map */
.map {position:relative; padding-left:0; padding-right:0;}
#map {width:100%; height:100%; }
.gm-style-mtc {
  display: none;
}
a.closemap {background:#020509; position:absolute; top:0; right:0; color:#fff; z-index:100000; padding:10px; font-family: 'Archivo Narrow', sans-serif;}
a.closemap:hover {color:#fff;}
.mobileonly {display:none;}

/* MOBILE */
@media screen and (max-width: 768px) {
	.nomobile {display: none !important;}
	.mobileonly {display:inline-block !important;}
	
	.white {overflow-y:visible; height:auto;}
}