/*Main styles*/
*{
    margin:0px;
    box-sizing:border-box;
    scroll-behavior: smooth;
}
body{
    background-color:rgb(250, 250, 250);
}
a{
    cursor:pointer;
    font-size:2vw;
    color:black;
 }

/*Image*/

header{
    width:80%;
    background-image: URL("../images/tlo.jpg");
    background-size:cover;
    background-repeat: no-repeat;
    height:30vw;
    margin:auto;
    margin-top:25px;
    text-align:center;
    padding-top:32%;
    font-size:4vw;
    font-weight:600;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:rgb(230, 221, 221);
    padding-bottom:13%;
    text-shadow: 2px 4px black;
}

/*Contact*/

#contact{
    text-align: center;
    margin-top:25px;
    font-size:2vw;
}
#phone{
    color:rgb(15, 29, 112);
}
#email{
    margin-left:50px;
    color:rgb(80, 80, 34);
}

/*Left panel*/

aside{
    width:20%;
    float:left;
    height:20vw;
    margin-top:70px;
}
.block{
    padding:18px;
    margin:40px 15px;
    font-size:2.5vw;
    font-weight:500;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    border:2px solid black;
    border-radius:10px;
    text-align:center;
}
.msze{
    border-bottom:2px solid black;
    padding-bottom:15px;
}
.godziny{
    font-size:1.3vw;
    font-weight:500;
}
.bank{
    font-weight:600;
    font-size:1.45vw;
}
.adoracja-title{
    margin-top:1.5vw;
    font-size:2.2vw;
    font-weight:600;
}
.adoracja{
    margin-top:0.7vw;
    font-size:1.4vw;
    line-height: 2.5vw;
}

/*Central panel*/

article{
    float:left;
    margin-top:50px;
    text-align:center;
    font-family:'Roboto';
    width:60%;
}
#transmisja{
    background-color:rgb(250, 250, 85);
    width:40%;
    padding:15px;
    margin:auto;
    margin-bottom:2vw;
    border:2px solid brown;
    border-radius:6px;
}
#transmisja a{
    color:red;
    font-size:2vw;
    font-weight:500;
}
.content{
    margin:0 1vw;
    border-bottom:2px solid black;
}
.title{
    margin:15px;
    margin-top:20px;
    font-size:2vw;
    font-weight:600;
    color:#0b233a;
}
p{
    font-size:1.2vw;
    font-family:'Roboto';
    text-align: left;
    margin:0 30px;
    padding:10px 40px;
    color:black;
    
}
.show{
    display:block;
    font-size:1.4vw;
    font-weight:600;
    text-decoration:underline;
    text-align:right;
    margin:1vw;
}
.all{
    display:block;
    text-decoration:none;
    cursor:pointer;
}

/*Right panel*/

section{
    font-family:'Roboto';
    float:left;
    width:20%;
    margin-top:90px;
    height:20vw;
}
.element{
    text-align:center;
    padding:20px 10px;
    font-size:1.3vw;
    font-weight:550;
}
img{
    width:13vw;
    height:8vw;
    border-radius:10px;
}
a{
    text-decoration:none;
    font-size:1.3vw;
}

#iframe_fb{
    margin-top:5vw;
    border-radius:5px;
    width:100%;
}

/*Move Up button*/

#moveUp{
    display:none;
    position:fixed;
    bottom:4vh;
    right:3vw;
    padding:0.5vw 1vw;
    font-size:3.5vh;
    font-weight:bold;
    text-shadow:1px 1px grey;
    border-radius:50% 50%;
    background-image:radial-gradient(rgb(219, 219, 219),rgb(224, 224, 224));
    opacity:40%;
}

#moveUp:hover{
    cursor:pointer;
    opacity:100%;
}

/*Cookies*/

#cookies{
    position:fixed;
    bottom:0;
    left:0;
    background:rgb(37, 37, 37);
    width:100%;
    font-size:1.3vw;
    font-family:'Roboto';
    color:#fafafa;
    padding:1.2vw;
    text-align:center;
}

#cookies button{
    font-size:1.1vw;
    padding:0.3vw;
    font-weight:bold;
    font-family: 'Roboto';
    margin-left:2vw;
}

#cookies button:hover{
    cursor:pointer;
}


/*Responsive*/

@media screen and (max-width:800px)
{
    /*Image*/
    
    header{
        margin-top:0;
        width:100%;
        border:1px solid black;
        height:50vw;
        padding-top:38vw;
        text-shadow:1px 1px black;
    }
    
    /*Contact*/
    
    #contact{
        display:none;
    }

    /*Left panel*/

    aside{
        margin-top:2vw;
        width:100%;
        height:100%;
    }
    .block{
        font-size:7vw;
        padding:10px;
        border:none;
        margin:3vw;
    }
    .godziny{
        font-size:4vw;
    }
    .bank{
        font-size:4vw;
    }
    .adoracja-title{
        margin-top:4vw;
        font-size:7vw;
    }
    .adoracja{
        font-size:4vw;
        line-height:8vw;
    }
    
    /*Central panel*/
    
    article{
        margin-top:4vw;
        width:100%;
        padding:0;
    }
    .content{
        margin:0;
        padding:0;
    }
    .title{
        font-size:6vw;
    }
    p{
        font-size:4vw;
        padding:0 4vw;
        margin:0;
    }
    .show{
        font-size:5vw;
        margin:3vw 0 5vw;
    }
    #transmisja{
        width:60%;
        margin:3vw auto;
        margin-bottom:8vw;
    }
    #transmisja a{
        font-size:5vw;
    }
    
    /*Right panel*/
    
    section{
        display:none;
    }

    /*Cookies*/
    
    #cookies{
        font-size:5.2vw;
        padding:4vw 4vw 0;
    }
    
    #cookies button{
        font-size:5vw;
        padding:1vw 4vw;
        display:block;
        margin-left:2vw;
        margin:2vw auto;
    }

    /*Scroll Button*/

    #moveUp{
        font-size:8vw;
        padding:1vw 2.5vw;        
    }
}