@media screen {

    main#content {
        padding: 0;
    }

    .c-content {
        margin: 4% auto;
    }
    img.c-photo{
        display: block;
        object-fit: cover;
        max-height: 90vh;
        max-width: 95vw;
        /*max-width: 95vw;*/
        margin-bottom: 8%;
    }
    img.c-photo:hover {
        cursor: zoom-in;
    }
    img.c1{
        margin-left: 3%;
        margin-right: auto;
    }
    img.c2{
        margin-left: auto;
        margin-right: auto;
    }
    img.c3{
        margin-right: 3%;
        margin-left: auto;
    }

    div#popup{
        display: none;
        justify-content: center;
        align-items: center;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        width: 100%;
        height: 100%;
        background-color: rgb(0, 0, 0);
        backdrop-filter: blur(4px);
        pointer-events: auto;
        overflow: auto;
    }
    div#popup-content{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        width: fit-content;
        margin: auto;
        padding: 20px 0;
    }
    div#popup-pictures{
        display: flex;
        flex-flow: row;
        justify-content: center;
        align-items: center;
        gap: 2vw;
    }
    div#popup-pictures.in-total-4{
        flex-wrap: wrap;
    }
    div#popup-pictures.in-total-3,
    div#popup-pictures.in-total-2,
    div#popup-pictures.in-total-1{
        flex-wrap: nowrap;
    }
    img.popup{
        object-fit: cover;
        pointer-events: auto;
    }
    div#popup-pictures.in-total-4 img.popup{
        flex: 1 1 0.5;
        max-width: max(33%, 600px);
    }
    div#popup-pictures.in-total-3 img.popup{
        flex: 1 1 1;
        max-width: 30%;
    }
    div#popup-pictures.in-total-2 img.popup{
        flex: 1 1 0.5;
        max-width: max(47%, 600px);
    }
    div#popup-pictures.in-total-1 img.popup{
        flex: 1 1 1;
        max-width: 93%;
    }
    p#popup-text{
        width: fit-content;
        text-align: center;
    }
    a#popup-close:hover{
        color: var(--text-color);
        transition: var(--animation-time-hover);
    }
}
@media screen and (max-width: 1300px){
    div#popup-pictures.in-total-4,
    div#popup-pictures.in-total-2 {
        flex-direction: column;
        gap: 5vh;
        padding: 5vh 0;
    }
    div#popup-pictures.in-total-4 img.popup,
    div#popup-pictures.in-total-2 img.popup{
        max-width: min(80%, 650px);
    }
}
@media screen and (max-width: 1600px){
    div#popup-pictures.in-total-3 {
        flex-direction: column;
        gap: 5vh;
        padding: 5vh 0;
    }
    div#popup-pictures.in-total-3 img.popup{
        max-width: min(80%, 650px);
    }
}

@media screen and (max-width: 900px){
    img.c-photo{
        margin-left: auto;
        margin-right: auto;
    }
}
/*
    .c-triplet {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        position: relative;
        height: 520px;
        padding: 30px 0;
    }
    .c-onelet{
        height: 720px;
    }

    img.c-photo {
        flex: 1;
        min-width: 10px;
        max-width: 100%;
        max-height: 100%;
        margin: 0 20px;
        border-radius: 20px;
        object-fit: cover;
    }

    img.c-photo-major {
        flex: 1.3 0;
        height: 720px;
    }

    img.c-photo-minor {
        margin: 0 20px;
    }

    img.c-photo-minor:hover {
        cursor: zoom-in;
    }
    img.c-twolet:hover{
        cursor: unset;
    }

    img.c-photo-alone {
        margin: 0 15%;
    }
    
    img.c-photo-hidden{
        display: none;
    }
    img.c-photo-visible{
        display: unset;
    }

    div.photo-arrow{
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
    }
    div.photo-arrow-left{
        left: 10px;
    }
    div.photo-arrow-right{
        right: 10px;
    }
    div.photo-arrow-hidden{
        display: none;
    }

    a.photo-arrow {
        display: block;
        box-shadow: none;
    }

    img.photo-arrow {
        width: 30px;
        height: 30px;
        padding: 10px;
        margin: 10px;
        background-color: var(--top-background-color);
        border-radius: 50%;
        box-shadow: var(--content-background-color) 0 0 10px;
    }*/
/*}
@media screen and (max-width: 1200px) {
    .c-triplet{
        flex-direction: column;
        height: fit-content;
        padding: 15px 0;
    }
    img.c-photo{
        margin: 15px 0;
        width: 720px;
    }
    img.photo-arrow{
        display: none;
    }
    img.c-photo-hidden{
        display: unset;
    }
    img.c-photo-major {
        flex: 1;
    }
}
@media screen and (max-width: 720px) {
    img.c-photo{
        width: 100%;
        border-radius: 0;
    }
}
@media screen and (max-width: 750px) {
    main#content{
        padding-top: 0;
    }
    div.c-head{
        margin-top: 0;
    }
}    
@media screen and (max-width: 860px){
    div.c-headers{
        margin-top: 0;
    }
}
@media screen and (max-width: 1100px) {
    img#c-starphoto {
        min-width: 100%;
        max-width: 100%;
    }
    p.c-header{
        font-size: 4.85vw;
    }
    p.c-subheader{
        font-size: 2.33vw;
    }
    div.c-headers{
/*        margin-top: 4vw;*//*
    }
    
}

 @media screen and (max-width: 900px) {
    
    p.c-header{
        font-size: 44px;
    }
    p.c-subheader{
        font-size: 21px;
    }
}


@media screen and (max-width: 520px) {
    p.c-header{
        font-size: 8.46vw;
    }
    p.c-subheader{
        font-size: 4vw;
    }
}*/