body
{
    margin-left: 10px;
    padding:0;
    font-family: 'Lato', sans-serif;
}

h1,h2,h3,h4,h5,h6,p
{
    color:#414141;
}

h1
{
    text-align: left;
    font-weight:400;
    font-size: 30;
	font-family: 'Lato', sans-serif;
	margin:0px;
	padding:0px;
}

h2
{
    text-align: left;
    font-weight:900;
    font-size: 30;
	font-family: 'Playfair Display', serif;
	margin:0px;
	padding:0px;
}

p{
margin-top: 40px;
}

.fixed {
	position: fixed;
	width: 100%;
	max-width: 620px;
	background-color: #ffffff;
	height: 160px;
	top: 0px;
	padding-top: 10px;
	border-bottom: 2px solid grey;
}
button
{
	border:none;
	padding:10px;
}
.container {
	width: 80&;
	max-width: 620px;
	margin-left: auto;
	margin-right: auto;
}
.header {
	margin-bottom: 20px;
	border-bottom: 2px solid grey;
	/*padding-top: 200px;*/
}
.headerRest {
	margin-top: 200px;
}

.header li {
	margin-top: 20px;

}
.toggleButton
{
	border-radius:25px;
	margin-top: 20px;
	margin-bottom: 20px;
	border:1px solid #f06060;
	background-color:#fff;
	color:#f06060;
	padding:8px;
	font-size: 12px;
	cursor:pointer;
	
}

.toggleButton:hover
{
	color:#fff;
	background-color:#f06060;
	transition-duration: 0.2s;
}
@media screen and (min-width: 400px) and (max-width: 2000px)
{
	img
	{
		border-radius:50%;
		vertical-align: top;
		float: left;
		margin-right: 20px;
	}
}

@media screen and (min-width: 100px) and (max-width: 399px)
{	
	img
	{
		border-radius:50%;
		display:block;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
	}
	.fixed {
		height: 250px;
	}
	.headerRest {
		margin-top: 280px;
	}

}

.commentPara
{
	font-family: 'Lato', sans-serif;
	/*font-style:italic;*/
	color:#595959;
	/*background-color: #E5E5E5;*/
	border-radius: 25px;
	border: 2px solid #FFA1A1;
	padding: 25px 25px 25px 25px;
}
.commentPara a {
	font-weight :600;
}

.commentPara i {
	font-style: italic;
	font-weight: 100 !important;
}
em {
	font-style: italic;
}
a
{
	color:#f06060;

}

#annotated_text ul
{
	list-style:none;
	padding: 0px;
}

#annotated_text li
{
	display:inline-block;
	margin-left:5px;
	margin-right:5px;
	border:1px solid #afb3c8;
	background-color:#fff;
	color:#afb3c8;
	border-radius:25px;
	padding:8px;
	font-size: 14px;
}

strong {
	/*służy do wyróżniania w tekście jako uniwersalny tag, którego łatwo będzie uzyć dziennikarzom. Trzeba tu więc zastosować jakieś uniwersalne stylowanie wyróżniające.*/
	/*background-color: #fdbaba;*/
}
.content {
	margin-top: 5px;
	margin-bottom: 5px;
}
.commentDiv {
	/* border-top: 2px solid #f8f8f8; */
	margin-left: 10px;
}
.tagSection {

	float: right;
	margin:0;
	height: 30px;

}
.paragraphDiv {
	/*border-top: 2px solid #f8f8f8;*/
    margin-top: 10px;
    margin-bottom: 10px;
}
.tagLink {
	cursor: pointer;
}
.selectedTag {
	background-color:#afb3c8;
	color:#fff;
}

.hideButton
{
	width:100%;
	padding:8px;
	background-color:#fff;
	text-align:center;
	cursor:pointer;
	color: #f06060;
}

.hideButton:before
{
	content:'';
	position:absolute;
	background-image:url('../img/arrow.svg');
	width:10px;
	height:10px;
	margin-left: -20px;
}
.hideButton:after
{
	content:'';
	position:absolute;
	background-image:url('../img/arrow.svg');
	width:10px;
	height:10px;
	margin-left: 10px;
}

.hideButton:hover
{
	width:100%;
	padding:8px;
	text-align:center;
	background-color:#f9f8f8;
}

.subheader
{
	text-align:center;
	font-weight:900;
    font-size: 20;
	/* font-family: 'Playfair Display', serif; */
}