.duggyWindow {
    position: fixed;
    display: none;
    z-index: 10;
}

/* Per-window sizes (desktop default) */
#duggyWin1 .windowDif { width: 200px; }
#duggyWin2 .windowDif { width: 340px; }
#duggyWin3 .windowDif { width: 155px; }
#duggyWin4 .windowDif { width: 270px; }
#duggyWin5 .windowDif { width: 380px; }
#duggyWin6 .windowDif { width: 175px; }

/* Chaotic desktop positions */
#duggyWin1 { top: 55px;  left: 18px; }
#duggyWin2 { top: 130px; left: 28%; }
#duggyWin3 { top: 40px;  right: 22px; }
#duggyWin4 { top: 310px; left: 8px; }
#duggyWin5 { top: 260px; right: 18px; }
#duggyWin6 { top: 190px; left: 56%; }

.duggyWindow .windowDif-body {
    padding: 0;
}

.duggyWindow .windowDif-body a {
    display: block;
}

.duggyWindow .windowDif-body img {
    width: 100%;
    display: block;
}

.duggyWindow .title-bar-text {
    font-weight: bold;
    font-size: 11px;
    letter-spacing: 0.5px;
    white-space: nowrap;
    overflow: hidden;
}

.duggyWindow .title-bar-text a {
    color: inherit;
    text-decoration: none;
}

/* Mobile: 2 small windows side by side */
@media (max-width: 637px) {
    #duggyWin2, #duggyWin3, #duggyWin5, #duggyWin6 {
        display: none !important;
    }

    #duggyWin1 {
        top: 60px;
        left: 2vw;
    }

    #duggyWin4 {
        top: 60px;
        right: 2vw;
        left: auto;
    }

    #duggyWin1 .windowDif,
    #duggyWin4 .windowDif {
        width: 47vw;
    }
}

/* Tablet: 4 windows */
@media (min-width: 638px) and (max-width: 949px) {
    #duggyWin5, #duggyWin6 {
        display: none !important;
    }

    #duggyWin1 .windowDif { width: 170px; }
    #duggyWin2 .windowDif { width: 280px; }
    #duggyWin3 .windowDif { width: 140px; }
    #duggyWin4 .windowDif { width: 230px; }
}