

@media all and (orientation: landscape) {
    .app_list_breaker {
        margin: 3pt -12pt 6pt -12pt;
        border-top: 1px solid rgba(255, 255, 255, 0.75);
        border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    }
    .app_list_icons {
        text-align: center;
    }
    .app_list_div_anchor {
        /* line-height: -100pt; */
    }
    .app_icon_link {
        width: 96pt;
        height:96pt;
        margin-left:8pt;
        margin-right:8pt;
        /* padding: 4pt;  */
        /* display: inline-block; */
        filter: drop-shadow(-4pt 4pt 4pt rgba(0, 0, 0, 0.5));
    }
    .app_list_info {
        display: grid;
        grid-template-columns: 96pt auto 120pt;
        /* grid-template-rows:repeat(3, min-content); */
        grid-template-rows: 96pt auto  auto;
        grid-gap: 12pt;
        /* margin:12pt; */
    }
    .app_list_store_link {
        display: block;
        width: 96pt;
        height: auto;
        /* background-color: #f00; */
    }
    .app_icon_link_a {
        /* border: 1px solid red; */
    }
    .app_list_title {
        font-size: 24pt;
        margin-top:0pt;
        text-align: center;
    }
    .app_list_title_link {
        text-decoration: none;
        color: #000;
    }
    .app_list_icon_link {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
    }
    .app_list_icon {
        width: 96pt;
        height:96pt;
        filter: drop-shadow(-4pt 4pt 4pt rgba(0, 0, 0, 0.5));
        /* background-color: #00f; */
        /* border: 1px solid red; */
    }
    .app_list_downloads {
        /* background-color: #f00; */
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 2;
        grid-row-end: 2;
        /* border:1px solid black; */
    }
    .app_list_store_link {
        
    }
    .app_list_text_screens {
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 4;
        text-align: left;
    }
    .app_list_keywords {
        grid-column-start: 3;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 4;
        /* background-color: #0f0; */
    }
    .app_list_keyword {
        /* display: inline; */
        border: 2pt solid #000;
        margin: 0pt 3pt 3pt 0pt;
        padding: 1pt 3pt 1pt 3pt;
        font-size: 12pt;
        /* white-space: nowrap; */
        font-weight: bold;
        border-radius: 12pt;
        background-color: rgba(255, 255, 255, 0.5);
    }
    .app_list_text_screen_grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 12pt;
        /* grid-template-rows: 192pt;
        grid-template-rows: autol */
    }
    .app_list_screen {
        width: 100%;
        height: auto;
        filter: drop-shadow(-4pt 4pt 4pt rgba(0, 0, 0, 0.5));
        box-shadow: 0pt 0pt 10pt rgba(0, 0, 0, 0.5);
        border: 1px solid #d0d0d0;
    }

    /* the rest forms a grid (so it can be moved around between portrait and landscape */
}

@media all and (orientation: portrait) {
    .app_list_breaker {
        margin: 3pt 0pt 6pt 0pt;
        border-top: 1px solid rgba(255, 255, 255, 0.75);
        border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    }
    .app_list_icons {
        text-align: center;
    }
    .app_list_div_anchor {
        display: block;
        position: relative;
        top: -48pt;
        visibility: hidden;
    }
    .app_icon_link {
        width: calc(25% - 16pt);
        margin-top:4pt;
        margin-left:8pt;
        margin-right:8pt;
        filter: drop-shadow(-4pt 4pt 4pt rgba(0, 0, 0, 0.5));
    }
    .app_icon_link_a {
        font-size: 0;
        
        /* border: 1px solid red; */
    }
    .app_list_info {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto  auto;
        grid-gap: 6pt;
        margin: 0pt 6pt 6pt 6pt;
    }
    .app_list_store_link {
        display: block;
        width: 96pt;
        height: auto;
        /* background-color: #f00; */
    }
    .app_list_title {
        margin-top: 6pt;
        font-size: 24pt;
        text-align: center;
    }
    .app_list_title_link {
        text-decoration: none;
        color: #000;
    }
    .app_list_icon_link {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
    }
    .app_list_icon {
        width: 96pt;
        height:96pt;
        filter: drop-shadow(-4pt 4pt 4pt rgba(0, 0, 0, 0.5));
        /* background-color: #00f; */
        /* border: 1px solid red; */
    }
    .app_list_downloads {
        /* background-color: #f00; */
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 1;
        /* border:1px solid black; */
    }
    .app_list_store_link {
        
    }
    .app_list_text_screens {
        grid-column-start: 1;
        grid-column-end: 4;
        grid-row-start: 2;
        grid-row-end: 2;
        text-align: left;
    }
    .app_list_keywords {
        grid-column-start: 3;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 1;
        /* background-color: #0f0; */
    }
    .app_list_keyword {
        display: block;
        border: 2pt solid #000;
        margin: 0pt 0pt 3pt 0pt;
        padding: 1pt 3pt 1pt 3pt;
        font-size: 12pt;
        font-weight: bold;
        border-radius: 12pt;
        background-color: rgba(255, 255, 255, 0.5);
        text-align: center;
    }
    .app_list_text_screen_grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 6pt;
    }
    .app_list_screen {
        width: 100%;
        height: auto;
        filter: drop-shadow(-4pt 4pt 4pt rgba(0, 0, 0, 0.5));
        box-shadow: 0pt 0pt 10pt rgba(0, 0, 0, 0.5);
        border: 1px solid #d0d0d0;
    }
}
