@font-face {
  font-family:Maiandra;
  src: url("MAIAN.TTF");
  src: local("?"), url("MAIAN.TTF") format("TrueType");
 }
 

html { font-size:90%;
	font-family:"Maiandra GD",Maiandra,Tenderness,Garamond; }

@media (max-width: 300px) { body { font-size: 0.5rem; } }
@media (min-width: 301px) { body { font-size: 0.51rem; } }
@media (min-width: 444px) { body { font-size:0.55rem; } }
@media (min-width: 640px) { body { font-size:0.6rem; } }
@media (min-width: 768px) { body { font-size:0.65rem; } }
@media (min-width: 800px) { body { font-size:0.7rem; } }
@media (min-width: 1024px) { body { font-size:0.75rem; } }
@media (min-width: 1093px) { body { font-size:0.8rem; } }
@media (min-width: 1152px) { body { font-size:0.85rem; } }
@media (min-width: 1280px) { body { font-size:0.9rem; } }
@media (min-width: 1311px) { body { font-size:0.95rem; } }
@media (min-width: 1360px) { body { font-size:1rem; } }
@media (min-width: 1366px) { body { font-size:1.1rem; } }
@media (min-width: 1400px) { body { font-size:1.2rem; } }
@media (min-width: 1440px) { body { font-size:1.25rem; } }
@media (min-width: 1600px) { body { font-size:1.3rem; } }
@media (min-width: 1680px) { body { font-size:1.4rem; } }
@media (min-width: 1920px) { body { font-size:1.5rem; } }
@media (min-width: 2048px) { body { font-size:1.6rem; } }
@media (min-width: 2560px) { body { font-size:1.8rem; } }


A:visited { color:#006666; }
A:active { 
   color: #FF7700;
   text-decoration: none;
    }

A:hover {
   color: #FF7700; 
   text-decoration: underline; 
   } 

A {
text-decoration: none; 
  color: #003300 } 

H1 {
	font-family: "Maiandra GD",Maiandra;
	font-size: 1.95rem; 
	font-weight:900;
	color: #ff8206;  /*servaoranzh */
}

H2 {
	font-family: "Maiandra GD",Maiandra;
	font-size: 1.8rem; 
	font-weight:900;
	color: #bda180; /*kahvatupruun */
}



H3 {
	font-family: "Maiandra GD",Maiandra;
	font-size: 1.5rem; 
	font-weight:900;
	color: #90623f;
}  

H4 {
	font-family: "Maiandra GD",Maiandra;
	font-size: 1.25rem; 
	font-weight:850; line-height:0.05rem;
	color:#FF6600;
}  

p {
	font-family:"Maiandra GD",Maiandra,Candara,Georgia,Serif;
	color: #003333;
	width:100%; font-size:1rem; 
	padding:0px 25px 5px 15px;
	}
	
li {
	font-family:"Maiandra GD",Maiandra,Candara,Georgia,Serif;
	font-size: 1rem;
	line-height:0.95rem;
	color: #003333;
	width:90%; 
	padding:5px 5px 5px 5px;
	}	

.bad {
	width:75%; 
	padding:5px 5px 5px 5px;
	text-align: left;
	 }
	 
.oluline {
	border:1px solid #ff8206; 
	padding:5px 5px 5px 5px;
	text-align: left;
	color:#330000;
	size:80%;
	 }	 		

.feed {
	background-color: #f1feff;
	border:1px solid #66FFCC; 
	width:100%; 
	padding:5px 5px 5px 5px;
	text-align: left;
	 }	


#can {
	font-family: "Candara";
	font-size: 1em;
	color: #003333;
	}

#ii {
	font-family: "Candara";
	font-size: 0.75rem;
	color: #663300;
	}
	
.code77 {
	font-family: "Candara";
	font-size: 0.8rem;
	color: #990000;
	}	

#mai {
	font-family:"Maiandra GD",Maiandra,Candara,Georgia,Serif;
	color: #003333;
	font-size:0.8rem;
}

#tillu {
	font-family:"Maiandra GD",Maiandra,Candara,Georgia,Serif;
	color: #003333;
	font-size:0.5rem;
	}

#mini {
	font-family:"Maiandra GD",Maiandra,Candara,Georgia,Serif;
	color: #003333;
	font-size:95%;
	}

#minim {
	font-family:"Maiandra GD",Maiandra,Candara,Georgia,Serif;
	color: #003333;
	font-size:75%;
	}

#cal {
	font-family: "Calibri";
	font-size: 1em;
	color: #003333;
	}

#gar {
	font-family: "Garamond";
	font-size: 1em;
	color: #003333;
	}

#ver {
	font-family: "Verdana";
	font-size: 1em;
	color: #003333;
	}


#cans {
	font-family: "Candara";
	font-size: 1.2em;
	color: #003333;
	}

#mais {
	font-family:"Maiandra GD",Maiandra,Candara,Georgia,Serif;
	color: #003333;
	font-size:100%;
	}

#cals {
	font-family: "Calibri";
	font-size: 1.2em;
	color: #003333;
	}

#gars {
	font-family: "Garamond";
	font-size: 1.2em;
	color: #003333;
	}

#vers {
	font-family: "Verdana";
	font-size: 1.2em;
	color: #003333;
	}

#pealsuur {
	font-family: "Maiandra GD",Maiandra
	font-size: 2.5rem; 
	font-weight:900;
	color: #003333;
	}

td {
	font-family: "Maiandra GD",Maiandra
	color: #003333;
	}


#beez { 	background-image:url(bg3.png);
  			background-size: 100% 100%;
			font-size:1rem;
					}

#dot {
 border-color:#FF7700;
 border-width:thin; 
 border-top-style:dotted;
 border-right-style:dotted;
 border-bottom-style:dotted;
 border-left-style:dotted;
 margin:auto;
 }					
 
#bold  {
	font-family:"Maiandra GD","Candara",Georgia,Verdana,Serif;
	font-size: 1.1rem;
	color: #003333; 
	font-weight:bold;
	}

#taane {
 text-indent:250px;
 } 
 
.blog .main { float: left; width: 62.8888889%; /* 566px / 900px */}
.blog .other { float: right; width: 36.7777778%; /* 331px / 900px */}

.kaks10 { width:20ch; }  /* 20-täheline reapikkus */
.neli10 { width:40ch; }  /* 40-täheline reapikkus */

#data { text-align:right; color:#FFCC99; font-size:0.7rem; }

.col { float: left; width: 33.0%; margin:0.15%; box-sizing: border-box; }
.col.one { background: #CFF; }
.col.two { background: #FFC; }
.col.three { background: #FCF; font-size: 14px; padding: 25px; }

.one, .two {
  border: solid #FF6600;
  border-width: 8px; border-width: 0.01rem; /*1vw*/
  border-radius: 30px; border-radius: 0.03rem; /*3vw*/
  font-size: 12px; font-size: 0.02rem; /*2vw*/
  padding: 12px; padding: 0.02rem; /*2vw*/
	}

#submit { background-image:url(submit.png); background-repeat:repeat-x; font-family: "Maiandra GD",Maiandra font-size:1.05rem; color:#663300; border:hidden; }	

#submit:hover { background-image:url(kinnitamine.png); background-repeat:repeat-x; font-family: "Maiandra GD",Maiandra font-size:1.05rem; color:#663300; border:hidden; cursor:pointer; }	

#orange { color:#ff8206; }