@charset "utf-8";
body, h1, h2, h3, html {
    margin: 0;
    padding: 0;
    line-height: normal;
    font-weight: 400
}

#gra-wrapper, #wrapper, body, h3, html {
    background-color: #000
}

#Reload, #footer {
    margin-top: 20px;
    margin-bottom: 20px
}

#ad, #share {
    max-width: 800px
}

body, h3, html {
    font-size: 100%;
    font-family: Lato;
    color: #FFF
}

img a {
    border: 0
}

h1 {
    font-size: 70px;
    font-family: Nosifer, cursive;
    color: #DA0E22
}

#Header h1, #desc a h2 {
    font-weight: 700
}

#Header, #desc, #komentarz, #short-desc {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px
}

#Header, #Header h1 {
    padding: 0;
    text-align: center
}

#short-desc {
    text-align: center
}

#wrapper {
    padding-top: 20px;
    padding-bottom: 20px
}

#gra-wrapper {
    text-align: center
}

#wrapper #gra-wrapper embed {
    height: 90vh;
    max-height: 80vw;
    width: 90vw;
    max-width: 133vh
}

p a {
    text-decoration: underline;
    color: red
}

#share {
    text-align: center;
    margin: 30px auto 10px
}

#Header h1 {
    margin: 20px 0 10px
}

#Reload {
    text-align: center;
    color: #FFF
}

#Reload a {
    text-align: center;
    color: #FFF;
    font-size: 24px
}

#footer {
    text-align: center;
    color: #666
}

.ad {
    text-align: center;
    max-height: 400px;
    padding: 10px;
    border: 1px solid #666;
    color: #666;
    margin: 10px auto
}

#description {
    max-width: 1000px;
    text-align: left;
    margin:0 auto;
    padding: 50px;
}