.clear {
    clear:both;
}
a {
    font-sze: 200%;
}
.hmenu {    
}
#page  {
    width:100%;
    background: url(../images/main_background.png)
    /* background: url('../images/battlemain.jpg'); */
}

.wrap {
    display:none;
   /width:1000px;
    max-width: 1280px; 
    min-width: 320px; 
    margin: 0 auto; 
    padding: 40px 15px 0;     
}
.stage {
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 10px;
}
.stage img {
    float:left;    
}

 .begall {
    width:100%;
    background:#22222;    
    display:flex;          
    justify-content: space-between;    
    
}

 .begall #begtext {
    width: 75%;
    align-self:center;
}
.begall #begphoto {
    align-self:stretch;       
}
 .begall #begphoto2 {    
    display:block;
    align-self:stretch;   
    margin: 10px 30px 10px 10px;
}

 .begall #begtext {
    width: 75%;
    align-self:stretch;
}
.begall #begtext h1{
    padding:10px;
    margin:0 auto;
    text-align:center;
    position:relative;
    font-size:6em;
    color:#ff3333;
}
.begall #begtext h2{
    padding:10px;
    margin:0 auto;
    text-align:center;
    position:relative;
    font-size:3.5em;
    color:#7dcb3d;    
}

.begall #begtext h3{    
    margin:0 auto;
    text-align:center;
    position:relative;
    font-size:2em;
    color:#7dcb3d;    
    
}
/*  текст сверху перед горизонтальным меню *******************************************  */


/*  главное горизонтальное меню ********************************** */
#head_menu   {
    background:#555;
    width: 100%;
    margin: 1.3em 0 0 0;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    
    
}
#head_menu ul li {
    float:left;
    list-style:none;
}
#head_menu ul li a {
    display:block;    
    font-size:1.5em;
    color:#fff;
    padding:0.5em 70px;
    text-decoration:none;
}
#head_menu ul li a:hover, #menu ul li.current a{
    background:#feba02;
}

/*  главное горизонтальное меню ********************************** */

/* основная область */
#content {    
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
    width: 100%;
    height: auto;
    padding:10px;
}

#left_content {
    width: 20%;
    float:left;
    padding:0;
    margin:0;        
}


#right_photo {  
  padding-left:5px;  
}

/* вертикальное основное меню ******************************************************************************/
#left_content ul li a{
    background-color: #eee;
    color: black;
    display: block;
    padding: 12px;
    text-decoration: none;  
}
#left_content ul li a:hover {
   background-color: #ccc;
}
.lmenu {
    margin:0px;
    padding-left:0px;
    padding-right:5px;
    padding-top:0px;
    padding-bottom:0px;
}
/* вертикальное основное меню ******************************************************************************/

#center_content {    
    width: 60%;
    float:left;    
    margin-top:0px;
    margin-bottom:0px;              
}

#right_content {
    width:20%;
    float:left;
}




#sidebar {
    width:20.0%;    
    padding-top:1.3em 2%;        
}
/* главный текст сайта *********************************************************/

.article_body {
    width:60.0%;          
    text-align:center;
    background:#99CCFF;   
    margin: 0 auto;
}

/* пагинация ************************************/
.ctpag {
    display:flex;
    flex-wrap: wrap;
}
.article_pgn_left {
    width:40%;    
}
.article_pgn_middle {
    width:20%;    
}
.article_pgn_right {
    width:40%;    
}
/*  пагинация ***********************************/
/* главный текст сайта *********************************************************/
.poema_item {    
}
/* основная область */

ul {
    list-style:none;
}

.footer_all {
    margin:0;    
    padding:0;
    background:#555555;       
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    font-size:150%;
    color: #fff;    
}

/* стили кнопки ************************************************************************************************************/

#toTop {
display:block;    
width:100px;
border:1px solid #ccc;
color: #ff3333;
background:rgba(147,178,71,0.5);
text-align:center;
padding:5px;
position:fixed;
bottom:10px; /* отступ кнопки от нижнего края страницы*/
right:10px;
cursor:pointer;
display:none;
font-family:verdana;
font-size:11px;
font-weight:bold;
}

/*стили кнопки ***********************************************************************************************************/

@media screen and (max-width:768px),only screen and (max-device-width:768px) {
    .article_body {
    width:90.0%;          
}

@media screen and (max-width:500px),only screen and (max-device-width:768px) {
    .article_body {
    width:100.0%;          
}