@media only screen and (max-width: 600px) {

    /* Show and Hide */

      .content-desktop {
        display: none!important;
      }

      .content-mobile {
        display: block!important;
      }

      #showcase-title .content-mobile {
        display: inline-block!important;
      }

    /* General */

      :target:before {
        content: "";
        display: block;
        height: 160px;
        margin: -160px 0 0;
      }

      body {
        background:var(--color-background);
        background-color:var(--color-background);
      }


    /* Navigation */
    
      #navigation {
        display:block;
        padding:16px;
      }
    
      #navigation-links {
        text-align: left;
        margin-top:16px;
      }

      #navigation-links a {
          margin-right:14px;
      }

    
    /* Introduction */

      #introduction {
        flex-wrap: wrap;
      }

      #introduction-text {
        margin-bottom:14px;
      }

      #introduction-links {
        margin:0;
      }

      #icon {
        float:left;
        margin-right:20px;
      }


    /* Content */
    
      #content {
        padding:16px;
      }

      .work-item {
        width:100%;
      }

    
    /* Skills */

      .skill {
        box-sizing: border-box;
        width:25%;
      }
  

    /* Showcase */

      .showcase-title {
        max-width:none;
        font-size:40px;
      }
    
      .showcase-title a {
        position:fixed;
        right:16px;
        top:28px;
      }
    
      .showcase-content {
        height: calc(100% - 77px);
        border-width: 1px 0 0 0;
        padding:16px;
      }
    
      .showcase-tab {
        grid-template-columns: auto;
        grid-template-rows: repeat(3, 1fr);
        grid-gap:16px;
        grid-template-areas: "video" "gallery" "text";
        overflow:auto;
      }
    
      .showcase-text {
        overflow:visible;
      }
    
      .showcase-video {
        outline:0px solid black;
      }
    
      .showcase-gallery .slide {
        outline:0px solid black;
      }
  }