html,
body {
    background-color: #1A3842   ;
}

.main {
    margin: auto;
    height: 3288px;
    width: 1220px;
    background: url(../src/1_2_3/bg.png) no-repeat center;
    align-content: center;
    color: white;
    font-weight: bold;
    font-family: sans-serif, arial;
    font-size: 17px;
    text-align: center;
}

.header {
    padding-top: 80px;
    margin-left: auto;
    margin-right: auto;
    font-size: 25px;
    text-align: center;
    line-height: 55px;
}
.podnadpis {
    padding-top: 40px;
    color: rgb(255, 128, 0);
    line-height: 2pt;
    letter-spacing: 1.5pt;
    font-weight: normal;
}
.podnadpis h2 {
    font-size: 35px;
    word-spacing: 2pt;
    text-transform: uppercase;
    letter-spacing:  2pt;
    font-weight: bold;
}

.kapitola {
    font-family: sans-serif, arial;
    font-size: 20px;
    color: white;    
    font-weight: normal;
}

.text {
    font-size: 20px;
    font-family: "Arial", arial, sans-serif;
}

.napis {
    font-weight:bold;
    color:#FFFFFF;
    letter-spacing:1pt;
    word-spacing:2pt;
    font-size:34px;
    text-align:center;
    font-family:arial, helvetica, sans-serif;
    line-height:1;
}

.mysl {
    font-weight:normal;color:#FFFFFF;letter-spacing:1pt;word-spacing:2pt;font-size:32px;text-align:center;font-family:arial, helvetica, sans-serif;line-height:1;
}

.gall img {
    position: relative;
    top: -2000px;
    left: 10px;
    width: 960px;
    height: auto;
    opacity: 0;
    
    
}
.gall2 img {
    position: relative;
    top: -1350px;
    left: 20px;
    width: 800px;
    height: auto;
    opacity: 0;
}

.gall3 img {
    position: relative;
    top: -330px;
    left: 10px;
    width: 960px;
    height: auto;
    opacity: 0;
}

.gall3 img:hover {
    opacity:0;
}

.pdf img {
    position: relative;
    top: -3200px;
    left: 370px;
    width: 150px;
    height: auto;
}

.pdf img:hover {
    filter: invert(1);
}


.pdf2 img {
    position: relative;
    top: -2520px;
    left: 370px;
    width: 150px;
    height: auto;
    
}

.pdf2 img:hover {
    filter: invert(1);
}
.pdf3 img {
    position: relative;
    top: -1740px;
    left: 370px;
    width: 150px;
    height: auto;
    
}


.pdf3 img:hover {
    filter: invert(1);
}