body{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    margin:0
}
code{
    font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace
}
.App{
    text-align:center
}
body,html{
    height:100%;
    margin:0;
    padding:0;
    width:100%
}
.div_visible{
    visibility:visible
}
.div_hidden{
    visibility:hidden
}
.div_show{
    display:block
}
.div_hide{
    display:none
}
.rosary_wrap{
    height:auto;
    position:relative;
    background: #282828;
}
.root_wrap{
    position:relative;
    width:100%
}
#modal_div{
    background-color:hsla(0,0%,100%,.5);
    border-radius:5px;
    box-shadow:0 0 1rem 0 rgba(0,0,0,.5);
    height:70%;
    left:35%;
    overflow-y:scroll;
    position:absolute!important;
    top:7vw;
    width:30%;
    z-index:2
}
#modal_div::-webkit-scrollbar{
    display:none
}
#modal_div{
    -ms-overflow-style:none;
    scrollbar-width:none
}
.krunica,.otajstvo{
    margin-top:50px;
    padding:10px
}
#modal_div h3,#modal_div p{
    color:#6c6c6c;
    display:block;
    position:relative;
    text-align:center
}
.close_modal{
    display:block;
    height:32px;
    padding:10px;
    position:absolute;
    right:20px;
    top:0;
    width:32px
}
.close_modal_down{
    height:auto;
    padding-bottom:20px;
    position:relative;
    width:100%
}
.close_modal_down a{
    border:2px solid #6c6c6c;
    border-radius:2px;
    color:#6c6c6c;
    display:block;
    height:auto;
    margin-left:30%;
    padding:5px;
    position:relative;
    text-align:center;
    text-decoration:none;
    width:40%;
}

.rosary_intro {
    padding: 3% 15% 3% 15%;
}

#root{
    height:auto;
    position:relative
}
.canvas-wrap{
    background-image:url(../../static/media/clouds_2.dec0dd3d5566c398db3f.jpg);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    height:100%;
    height:90vh;
    margin:0;
    padding:0;
    width:100%
}
@media screen and (max-width:990px){
    
    .rosary_intro h2 { font-size: 5vw;}
    
    #modal_div{
        height:70%;
        left:25%;
        position:absolute!important;
        top:7vw;
        width:50%
    }
    
    #modal_div h3{
    font-size:  3vw;
}
    
    .close_modal_down a{
    margin-left:20%;
    width:60%;
    font-size: 2vw;
}
}
@media screen and (max-width:767px){
    
    .rosary_intro h2 { font-size: 7vw;}
    
    #modal_div{
        height:90%;
        left:10%;
        position:absolute!important;
        top:7vw;
        width:80%
    }
    
    #modal_div h3{
    font-size:  7vw;
}

    .close_modal_down a{
    margin-left:20%;
    width:60%;
    font-size: 5vw;
}


}
/*# sourceMappingURL=main.a45eeb41.css.map*/