.kontakt-container {  max-width: 1100px;  margin: 10px auto;  padding: 10px 10px;}
.kontakt-grid {  display: grid;  grid-template-columns: 1fr 1fr; gap: 10px;  margin: 15px 0;}
.kontakt-raam {margin:10px;}
iframe {  width: 100%;  height: 292px;  border: 0;}
.kontakt-pilt {display: flex;  flex-direction: column;  justify-content: flex-end;align-items: center;}
.kontakt-pilt img {width: 100%; height:auto; max-width:350px; margin-bottom:10px; border-radius: 10px;}

@media (max-width: 768px) {
  .kontakt-grid { grid-template-columns: 1fr;}
  .kontakt-container {padding: 0px;}
}

/*Kirja saatmise formi stiilid*/
.overlay {} /*tuleb stiilist*/
.teavitus_kast {} /*tuleb stiilist- see on akna moodustaja keskele*/
.teavitus_sulgemine {} /*tuleb stiilist*/
label {display:block;}
.timer {float:left; font-size: 11pt; color: red; padding-top:12px;} 
.tooniinfo1 { display: flex; align-items: center; float: left; padding: 5px; }/*height:33px;*/
.teavitus_top_raam {margin:10px 0px 30px 0px;}
.tooniinfo2 { float: left; padding: 2px; } 
.fa_teavituses{vertical-align: middle; padding:0px 20px 0px 10px; color:#909090;}
.fa_teavituses_2.saadetud {position:relative; left:-35px; top:24px;}
.teavitus_top_text {font-size:12pt; }
.teavitus_alltekst {clear: both; text-align:justify; font-size:10pt; color:#505050;}
.teavitus_nupp {width:120px; display:block; margin-top:5px; }
.nupp {float:right;  height: 40px; line-height: 15px;  padding:10px; min-width:25%; } 
.teavitus_input { width: 100%;resize: none; padding: 12px 20px; margin: 5px 0; display: inline-block; overflow: hidden; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;}
.teavitus_input.inline {width:72%;}
.teavitus_input:focus { outline: none; box-shadow: none;  border-color: #505050; }
.char_count {float:right; position:relative; top:-10px;}
.clearfix::after {  content: "";  display: table;  clear: both;}

/*Kontaktandmed*/
.kontaktinfo {  font-size: 20px;  color: #333;}
.blok {margin-top:25px;}
.blok h3 {  margin-top: 0;  color: #333;  font-size: 14px;}
.blok p {	/*font-size:13px;	*/margin: 8px 20px;	line-height: 1.5;	color:#333;}
.blok b {	font-family:font-medium;}
.blok a {  color: #333;  text-decoration: none;}
.blok a:hover {  text-decoration: underline;}
.blok span {  color: #FF7700;  text-decoration: none; }