* {
    margin:0;
    padding:0;
}

body,html {
    height:100%;
    font-family:Helvetica, Arial, sans-serif;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+33,f4faff+41,f4faff+47,ffe6e0+53,ffe0e0+64,f9f9f9+100 */
background: rgb(249,249,249); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(249,249,249,1) 33%, rgba(244,250,255,1) 41%, rgba(244,250,255,1) 47%, rgba(255,230,224,1) 53%, rgba(255,224,224,1) 64%, rgba(249,249,249,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(249,249,249,1) 33%,rgba(244,250,255,1) 41%,rgba(244,250,255,1) 47%,rgba(255,230,224,1) 53%,rgba(255,224,224,1) 64%,rgba(249,249,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(249,249,249,1) 33%,rgba(244,250,255,1) 41%,rgba(244,250,255,1) 47%,rgba(255,230,224,1) 53%,rgba(255,224,224,1) 64%,rgba(249,249,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f9f9f9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    background-attachment: fixed;
}

/* TYPOGRAPHY ----------------- */

.type-mid { 
    font-size:2rem;
    font-family:Helvetica, Arial, sans-serif;

}

h1 {
    font-weight:normal;
}

a {
    color:black;
}

/* STRUCTURE --------------------- */

.container {
    width:100vw;
    height:100%;
    padding-left:2%;
    padding-right:2%;   
    padding-bottom:100px;
    box-sizing: border-box;
    z-index:9999;
    padding-top:100px;
    float:left;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+33,f4faff+41,f4faff+47,ffe6e0+53,ffe0e0+64,f9f9f9+100 */
background: rgb(249,249,249); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(249,249,249,1) 33%, rgba(244,250,255,1) 41%, rgba(244,250,255,1) 47%, rgba(255,230,224,1) 53%, rgba(255,224,224,1) 64%, rgba(249,249,249,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(249,249,249,1) 33%,rgba(244,250,255,1) 41%,rgba(244,250,255,1) 47%,rgba(255,230,224,1) 53%,rgba(255,224,224,1) 64%,rgba(249,249,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(249,249,249,1) 33%,rgba(244,250,255,1) 41%,rgba(244,250,255,1) 47%,rgba(255,230,224,1) 53%,rgba(255,224,224,1) 64%,rgba(249,249,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f9f9f9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    background-attachment: fixed;
}

.page {
    float:left;
    width:100vw;
    height:100vh;
    padding:2%; 
    box-sizing: border-box;
    overflow:auto;
}

header.main {
    border-bottom:1px solid rgb(0,0,0);
    width:100%;
    z-index:9999;

}

/* MAIN NAVIGATION ------------------- */


div.image-cont  {
    position:absolute;
    width:100%;
    height:100vh;
    top:0;
    left:0;
    display:none;
    justify-content: center;
    align-items:center;
}

div.image-cont img {
    max-width:80vw;
    max-height:80vh;
}

.video::before {
    background-image: url('camcorder.gif');
    background-blend-mode: multiply;
    background-size: 50px 50px;
    display: inline-block;
    width: 50px; 
    height: 50px;
    content:"";   
}

header.main ul {
    list-style:none;
}

header.main ul li {
    color:rgb(0,0,0);
    display:inline-block;
}

.NK-email {
    display:inline-block;
    max-width:80%;
    margin-left:10%;
    margin-top:1rem
}

.desc {
    margin-bottom:1rem;
    max-width:80%;
    margin: 1rem auto;
    line-height:1.15;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.desc:last-child {
}

.desc a {
    border-radius:1.5rem 1.5rem 1.5rem 1.5rem;
    padding:0vw 1.25rem 0vw 1.25rem;
    text-decoration:none;
    border:1px solid rgb(0,0,0);
    white-space: normal;
    font-size:1.8rem;
    transition:all .25s ease-in-out
}

.desc a:hover {
    background:black;
    color:white
}


#squig {
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    mix-blend-mode:multiply;
    pointer-events:none
}


/* MEDIA ------------------------------- */

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
      
.type-mid { 
    font-size:1.3rem;
}
    
      .desc {
          max-width:95%
      }
      
         .desc a{
    font-size:1.2rem;
      }


}


@media screen and (min-width: 680px) {

}

@media screen and (min-width: 1440px) {
    .desc {
            font-size:2.1vw;
            max-width:75%

    }
    
    .desc a {
    font-size:1.8vw;
}
    
    .NK-email {
        margin-left:12.5%
    }

}