html {
    margin:    0 auto;
    --max-width: 900px;

}


.page-content {
    max-width: 960px;
}


.gallery img {
    aspect-ratio: 4/3;
    width: 100%;
    max-width: 400px;
    object-fit: cover;
}


html, body {
    background-image: url('https://larp-inwazja.pl/media/seamless.jpg');
    background-size: 75%;
}

.autorzy img {
    object-fit: cover;
    aspect-ratio: 1/1;
    width: 100%;
    max-width: 128px;
    border-radius: 50%;
    overflow: hidden;

    /*
    outline: 3px solid black;
    outline-offset: -3px;
    border: solid 2px black;
    box-sizing: border-box;
    */
}

.autorzy .cover {

}


.link-none {
    text-decoration: none;
    color: inherit;
}

h1, h2, h3, h4, .serif {
    font-family: Georgia, "Times New Roman", Times, serif;
}

div.concept-icon {
    font-size: 0.8rem;
    max-width: 33%;
    box-sizing: border-box;
    padding: 4px;
}

div.concept-icon img {
    box-sizing: border-box;
    padding: 4px;
    margin-bottom: 0;
    padding-bottom: 0;
}

div.concept-icon p {
    box-sizing: border-box;
    margin-top: 0;
    padding-top: 0;
    vertical-align: middle;
}

@media (min-width: 300px) {
    div.concept-icon {
        max-width: 25%;
    }
}

@media (min-width: 800px) {
    div.concept-icon {
        font-size: 1rem;
        max-width: 12%;
    }

}

.grellcia {
    color: white;
    text-shadow:  1px 0px 1px #900, -1px 0px 1px #900, 0px 1px 1px #900, 0px -1px 1px #900, 0px 0px 15px #FF0000;
}

.grellcia2 {
    color: white;
    text-shadow:  1px 0px 1px #009, -1px 0px 1px #009, 0px 1px 1px #009, 0px -1px 1px #009, 0px 0px 15px #0000FF;
}

.vh-50 {
    height: 50vw;
}
.vh-75 {
    height: 75vw;
}


h1, h2, h3, h4 {
    color: #602C00;
}

h1 {
    text-align: center;
}

@media (min-width: 768px) {
    .special1 {
        x-margin-top: -20%;
    }
}


@media (min-width: 768px) {
    .right-md-author {
        position: relative;
        top: 67px;
    }
}


@media (max-width: 992px) {
    .navbar-expand-lg .dropdown-toggle {
      pointer-events: none;
    }
    .navbar-expand-lg .dropdown-menu {
      display:block;
    }
}


html {
    visibility: visible;
    opacity: 1;
}