#header-right-section .widget {
    text-align: center;
    padding-top:1%;
    padding-right:1%;
    color: #999999;
    font-size: 120%;
    margin:auto;
  
}

#header-right-section {
    float: right;
  width: 16.9%;
  height: 100%;
  margin-top: 1%;
  text-align: center;
 
  
}

#header-right-sidebar {
     height:100%;
}

.izo1 {
 height: 160px;
 width: 120px;

 margin-top:5%;
 padding-bottom: -5%;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
    margin-bottom: 0px;
}


 
#header-left-section {
    float: left;
    width: 83.1%;
    height:100%;
    margin-right: 0px;
  
 }

 .widget select {
    border: 1px solid #DDDDDD;
    color: #666666;
    padding: 2px;
    width: 100%;
}



 h2, h3 h4,  h6 {
    color: #513722;
    font-family: 'Segoe print';
    font-weight: normal;
    
}

#primary {
    float: left;
    width: 83.1%;
    background-image:url(https://rod-i-predki.ru/wp-content/uploads/2017/10/papper3.jpg);
  background-size: 100%;
    
  
}

#header-text-nav-container {
    border-bottom: 1px solid #F2F2F2;
   background-image:url(https://rod-i-predki.ru/wp-content/uploads/2017/10/rus7.jpg);
  background-color: #F2E4D9;
    background-size: 100% 100%;
    width: 100%;
    height:200 px;
}  

.inner-wrap {    
    max-width: 100%;
    width:100%;
    
}

#secondary {
    float: right;
    width: 16.9%;
  padding-top: 1%;
        
}


#main {
  
  padding-top:0;
  width:100%;
  max-width:100%;
  background-image:url(https://rod-i-predki.ru/wp-content/uploads/2017/10/pap2.jpg);
  
   
}

#page {
    max-width: 100%;
    margin: 0 auto;
    height:100%;
  background-color: #F2E4D9;
  background-size: 100%;
}




p {
    line-height: 250%;
    margin-bottom: 0px;
    font-family: 'Segoe print', sans-serif;
    font-size: 120%;
    font-weight: 500;
    color: #2a2b33;
     
}

, h3 {
    color: #513722;
    font-family: 'DSUstavHand';
    font-weight: normal;
    font-size: 150%;
}

h1 {
    color: #513722;
    font-family: 'DSUstavHand';
    font-weight: normal;
    font-size: 180%;
  }

h3 {
    color: #513722;
    font-family: 'DSUstavHand';
    font-weight: normal;
    font-size: 130%;

}

h4 {
    color: #513722;
    font-family: 'DSUstavHand';
    font-weight: normal;
    font-size: 115%;

}


.entry-title {
    font-size: 200%;
    color: #91112c;
    line-height: 36px;
    text-align: center;
 
}

body {
font-size: 100%; /* start with a flexible baseline, more on this in the next section */
 
  
}

h1 {
font-size: 2.5em;
}


    
    
#content.post, #content .page {
    padding-bottom: 2%;
   padding-top: 5%;
  padding-left:15%;
  padding-right: 15%;
}



#site-title a {
    color: #49423b;
    font-size: 100%;
    font-family: 'DSUstavHand', sans-serif;
}



#header-text {
    width: 84.5%;
    height:100%;
    padding: 0%;
    margin-left:0%;
   margin-top:3%;
   
}

#header-text-nav-wrap {
    padding: 0;
    max-height: 100%;
    max-width:100%;
    width:100%;
    height: 100%;
   
}

#secondary h3.widget-title {
    font-size: 70%;
    line-height: 32px;
    padding-bottom: 15px;
}

#secondary .widget, .error-404 .widget {
    
    font-size: 16px;
    min-width: 10%;
    max-width: 100%;
    text-align: center;
}

#header-logo-image {
    
    
    max-width: 15%;
    width: 10%;
    margin: 0.2% 0%;
    padding: 0;
    height: auto;
    margin: 1% 0.5%;
    padding: 0;
    
}

h3#site-title {
    padding-bottom: 2%;
    line-height: 2%;
    font-size: 130%;
    font-weight: 600;
}

h1#site-title {
    padding-bottom: 2%;
    line-height: 2%;
    font-size: 130%;
    font-weight: 600;
}

.main-navigation {
    width: 100%;
  background-color: transparent;
  margin-bottom:1%;
    

}
.main-navigation ul{ 
max-width: 100%;
text-align: center;
  
}

 


.main-navigation ul li{
  font-family: 'DSUstavHand';
  font-weight: 600;
  background-color: #ddc292; 
  border: 2px solid #293a20;
  border-radius: 20px;
  margin: 0% 0.1% 0% 0%;
  width: auto;
  
  text-align: center;
  

}  
 

   .site-header {
    background: #FFFFFF;
    color: #a58957;
    
}

.main-navigation a {
    color: #173977;
    display: block;
    float: left;
    font-size: 18px;
    border-radius: 20px;
  
}
    
}

 #search-form span, .main-navigation a:hover, .main-navigation ul li ul li a:hover, .main-navigation ul li ul li:hover>a, .main-navigation ul li.current-menu-ancestor a, .main-navigation ul li.current-menu-item a, .main-navigation ul li.current-menu-item ul li a:hover, .main-navigation ul li.current_page_ancestor a, .main-navigation ul li.current_page_item a, .main-navigation ul li:hover>a, .main-small-navigation li:hover > a {
    background-color: #4c132a;
     background-color: #47991d;
  border-radius: 20px;
  width:100%;
    
}

#content .page a {
  color: #255eba;
}

.main-navigation ul li ul li a, .main-navigation ul li.current-menu-item ul li a, .main-navigation ul li ul li.current-menu-item a, .main-navigation ul li.current_page_ancestor ul li a, .main-navigation ul li.current-menu-ancestor ul li a, .main-navigation ul li.current_page_item ul li a {
    float: none;
    font-size: 14px;
    font-weight: 600;
    height: 100%;
    padding: 8px 14px;
    color: #1f3690;
    background-color: #ceba92;
    border-radius: 20px;
    
}

#site-description {
    line-height: 200%;
     font-family: 'DSUstavHand';
    font-weight: 600;
    font-size: 70%;
    color: #46774f;
}



@media only  screen  and (max-width: 768px) {
   #header-logo-image {
    float: left;
    margin-bottom: 10px;
    padding-right: 0;
}
}
    

@media only  screen and (max-width: 768px){

#header-text {
    float: right;
    text-align: left;
    padding: 0;
    margin-bottom: 10px;
}
}

      @media only  screen  and (max-width: 768px) {
   #header-logo-image {
    float: left;
    margin-bottom: 10px;
    padding-right: 0;
}
}
    
@media only screen and (max-width: 1100px){

#header-text {
    float: right;
    text-align: left;
    padding: 0;
    margin-bottom: 10px;
}    

      @media only  screen  and (max-width: 1100px) {
   #header-logo-image {
    float: left;
    margin-bottom: 10px;
    padding-right: 0;
}
  }
            
            
@media only screen and (max-width: 500px) {
    
.main-navigation ul li ul li a, .main-navigation ul li.current-menu-item ul li a, .main-navigation ul li ul li.current-menu-item a, .main-navigation ul li.current_page_ancestor ul li a, .main-navigation ul li.current-menu-ancestor ul li a, .main-navigation ul li.current_page_item ul li a  {
        font-size:75%;
    }
  }