#image_start{
 position: relative;
 width: 100%;
 height: 100%;
}
.text_part{
	font-size:  150%;
	line-height: 1.5;
	}
	
#image1{

 width: 100%;

opacity:1;
}
#image2{
 width: 100%;

opacity:1;
}
.opacity_fix{
	position: fixed;
	top: 0;
	left: 0;
}
#title{
	color:#000;
	position:absolute;
	top:30%;
	left:60%;
	width:35%;
	text-align:center;
	background-color:none;
	z-index: 1000; 
	text-shadow: 1px 1px 4px #fff, 0 0 1em #fff;
	font-size:  120%;
	line-height: 1.2;
	}
.opacity0:hover{
opacity:.8;
cursor: pointer;
}
.more_stories:hover{
opacity:.9;

}

   
#up_logo{
	width:30%;
	}
 P:first-letter {
    font-family: georgia; /* Гарнитура шрифта первой буквы */
    font-size: 300%; /* Размер шрифта первого символа */
    color: #000; /* Красный цвет текста */
   }
   
 a {
    color: darkred; /* Цвет ссылок */
   }
    a:visited {
    color: darkred; /* Цвет посещенных ссылок */
   }
   a:active {
    color: darkred; /* Цвет активных ссылок */
   }  
/* Example Media Queries */
@media screen and (max-width: 205em) {
.title-text{top:35%;
width:40%;
font-size:100%;
}
	

}

@media screen and (max-width: 125em) {
.title-text{top:30%;
width:50%;
font-size:100%;
}	

}


@media screen and (max-width: 65em) {
.title-text{top:25%;
width:60%;
font-size:80%;
}	

}

@media screen and (max-width: 52.25em) {
.title-text{top:15%;
width:80%;
font-size:50%;
}	
}

@media screen and (max-width: 34em) {
.title-text{top:4%;
width:80%;
font-size:50%;
}
}

.g-district-leader {
  fill: none;
  stroke: #000;
  stroke-width: 1px;
  stroke-opacity: 0.6;
  shape-rendering: crispEdges;
}

#comments:hover{opacity:.6;cursor: pointer;}