/* CSS Document */
html, 
html * {
	padding: 0em;
	margin: 0;
	box-sizing: border-box;
	font-family:Arial, Helvetica, sans-serif;
}
body {
	font-size:16px;
	line-height:1.2;
	font-weight:400;
	margin-left:auto;
	margin-right:auto;
	font-family:Arial, Helvetica, sans-serif;

	}
.hidden {
  display: none; }
  
h1 {

font-size: 2.2rem;
letter-spacing: 0.4rem;
word-spacing: 0.5rem;
color: #009900;
text-align: center;
font-family: serif;
}
h2 {color: red;
font-size:1.5rem;
letter-spacing: 0.2rem;
text-align: center;
font-family: serif;
line-height: 200%;
margin-bottom: 1.0rem;
}

h3 {
text-align: center;
color: red;
font-size: 1rem;
line-height: 110%;
margin-bottom: 1.0rem;
}
h3.picture {
/*text-align: right;*/
color: red;
font-size: 100%;
line-height: 110%;
}

a:link {color: #009900}
a:visited {color: #009900}
a:hover {background: #FFFF00}
a:hover {font-size: 100%}
a {
	text-decoration:none
	}
p {
	font-size: 1rem; 
	line-height: 1.4rem;
	font-weight: normal;
	text-indent: 2.0rem;
	margin-bottom:1.0rem;
	}
.indent {
	padding-left:2rem;
	}
td.h1 {
	padding: 0.8rem 2.2rem 0.6rem 2.2rem;
}

ul.disc {
	list-style-type: disc;
	}
/* circle klasi sadece earthlife'de indent vermek icin kullaniliyor*/
ul.circle {
	list-style-type: circle;
	margin-left:0.5rem;
	}

li {
	margin-bottom:0.5rem;<br>	margin-left:0.5rem;
	}
p.link {
line-height: 180%;
color: #009900;
text-align: center;
font-size: 1rem;
font-weight: 600;
text-decoration:none;
}

p.poeme {
	margin-left: 1rem;
	line-height: 1.3rem;
	font-size: 1.0rem;
	font-weight: 400;
	text-indent: 0cm;
	}

.row:before, .row:after {
	content: "";
	display: table;
}

.row:after {
	clear: both;
}

/*TABLET VIEW*/

@media (min-width: 768px){
	
	body {
		max-width: 700px;
		margin-left:auto;
		margin-right:auto;
	}
	p.poeme {
		margin-left: 10rem;

		}
ul.circle {
	margin-left:3.0rem;
	}
}

@media (min-width: 1024px){
	
	body {
		max-width: 1000px;
		font-size:0.9rem;
		
	}
	p.poeme {
	margin-left: 15rem;
	}
}