@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Rubik:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&display=swap');

#main-section {margin-top: 30px;}


#summary p {font-size: 18px;line-height: 150%;font-family: 'Exo 2'; /*"Cambria" */}



.overlay {

  position: fixed;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  background: rgba(0, 0, 0, 0.7);

  transition: opacity 500ms;

  visibility: hidden;

  opacity: 0;

  z-index:999;

}

.overlay:target {

  visibility: visible;

  opacity: 1;

}

.mo-popup {

margin: 70px auto;

padding: 50px;

width: 30%;

position: relative;

text-align: center;

background: #fff;

border-radius: 50px;

}

html,body {



    margin: 0;

    padding: 0;

}

:root {

  --animate-delay: 2s;

}

:root {

  --animate-duration: 2s;

}



#header {

    text-align: center;

    padding: 15px 0;

}

.logo img {
    max-width: 80%;
    margin: auto;
}

.moh {

    position: absolute;

    z-index: 999;

    top: 250px;

    right: 13%;

    width: 10%;

}

.moh img {

    max-width: 100%;

}

.close {

    position: absolute;

    right: 30px;

    top: 10px;

    border: 1px solid;

    border-radius: 100%;

    width: 20px;

    height: 20px;

    color: #000;

    text-decoration: none;

}

#pro-name h1 {

  text-align:center;
  font-family: 'Exo 2';

  color: #441010;

}



#pro-name::after {

    position: absolute;

    width: 100%;

    height: 10px;

    content: "";

    background: url(/derevo-prorokov/images/border.png);

        background-repeat: repeat;

    background-repeat: repeat-x;

  opacity:.3;

}

#pro-name {

    background: rgba(255,255,255, 0.3);

}

#pro-name h1 span {

    color: #000;

   /* font-size: 28px;*/

    /*font-weight: 400;*/
    color: #441010;
}

img {

  max-width:100%;

}

#main-opt {

    padding: 15px 0;

}

#summary {

    text-align: justify;

  font-size: 18px;

  line-height: 35px;

}

.treeimg img {

    width: 100%;

}

.infoimg img {

    max-width: 60%;

    margin: auto;

}

.infoimg {

text-align:center;

}

#footer {

    background: rgba(255,255,255, 0.3);

  padding:30px 0;

}

#footer::before {

    position: absolute;

    width: 100%;

    height: 10px;

    content: "";

    background: url(/derevo-prorokov/images/border2.png);

        background-repeat: repeat;

    background-repeat: repeat-x;

  opacity:.3;

  margin: -40px;

}

#footer a {

    color: #000;

}

.back {font-family: 'Exo 2';font-size: 20px;}

@media screen and (min-width:0px) and (max-width:768px) {
    #summary {text-align: left;}
}


@media screen and (min-width:0px) and (max-width:1140px)
{
    .logo img {max-width: 100%;margin: auto;}
}