*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}
dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}sub{bottom:-0.25em}
img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,select,textarea{font:inherit;margin:0}
button{overflow:visible}button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input[type=checkbox],input[type=radio]{padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{box-sizing:content-box;-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}pre,textarea{overflow:auto}
/* End extract from normalize.css */

html,body{font-family: 'Pragati Narrow', sans-serif;font-size: 100%; line-height:0.6;}html{overflow-x:hidden}



h1,h3,h4,h5,{ color:#FFF; margin:0;}



h1{font-size:18px; line-height:1.2; font-family: 'Pragati Narrow', sans-serif; font-weight:normal;}
h2{font-size:18px; line-height:1.0; font-family: 'Roboto', sans-serif;font-weight:normal; font-style:italic; letter-spacing: 0.4px; text-transform: uppercase;}
h3{font-size:17px;line-height:1; font-family: 'Roboto', sans-serif;font-weight:normal; font-style:italic; margin:0 auto; letter-spacing: 1px; text-transform: uppercase;}
h4{font-size:17px; line-height:1.4;font-family: 'Pragati Narrow', sans-serif; font-weight:normal;  margin:0 auto;}
h5{font-size:16px; line-height:1.8;color:#FFF; font-family: 'Roboto', sans-serif;font-weight:normal; font-style:italic;margin:0 auto;letter-spacing: 1.2px; text-transform: uppercase;}
h6{font-size:17px; line-height:1.1; color:#b4b0a8; font-family: 'Pragati Narrow', sans-serif; font-weight:normal;  margin:0 auto;}
h7{font-size:20px;line-height:1; color:#b4b0a8; font-family: 'Roboto', sans-serif;font-weight:normal;  font-style:italic; margin:0 auto;letter-spacing: 1px; text-transform: uppercase;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit; text-decoration:none; margin:0 auto; line-height:0;}

h1 a{font-weight:700;}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h6 a:hover{color:#484848; }
h5 a:hover{color:#a1a1a1}


hr{border-top: 1px single #000; width:80%; margin:0 auto; }
img{  }
.large{width:100vw; margin-bottom:10px; padding-right:20px;}
.header{width:30vw; margin-bottom:15px; padding-right:20px;}
.small{width:25vw; -moz-transition: all .6s linear;
    -webkit-transition: all .6s linear;
    -ms-transition: all .6s linear;
    -o-transition: all .6s linear;
    transition: all .6s linear;}

.small:hover{opacity:0.45;
    -moz-transition: all .6s linear;
    -webkit-transition: all .6s linear;
    -ms-transition: all .6s linear;
    -o-transition: all .6s linear;
    transition: all .6s linear;}
    
.last{width:100vw; margin-bottom:40px;padding-right:20px;}


iframe{ margin-bottom:10px;  padding-right:20px;  }
	.horz{width:60vw; height:35vw; margin-left:20vw;}
	.vert{width:50vw; height:60vw; margin-left:25vw;}
a{color:inherit}


.container{position:relative; height:100vh; width:100vw; margin: 0; padding: 0;}

#top_head{position:relative; display:block;  background-position: center; width:100vw; padding-top: 5%;  margin-left: 2vw; margin-top: 10px; margin-bottom: 0px; auto; text-align:center;   }


.kelsey{position:relative; display: inline; float:left; text-align:center; padding-left:25vw; padding-right:25vw; margin-top: 0px; margin-bottom: 10px; }

.work{position:relative; display: block; float:left; width:100vw; margin-left:10%; margin-right:10%; margin-bottom:35px; }

.boxx{position:relative; background:#331a00; display: block; float:left; margin-bottom:10px; padding:0; clear: none; }

.project{position:relative; display: block; float:left; padding:10px; text-align:center; margin-bottom:10px; }

.bottom{height:30px; width: 100%; position:fixed; top: 100%; transform: translateY(-100%); background:#000; text-align:center; padding-bottom:5px;}

.projpage{position:relative;  display: block; float:left;   text-align:center; padding-left:10px; padding-right:10px; }

.book{width:100%; float:left; margin-left:30%;}

.cont{position:relative; display: block; float:left; width:100vw; margin-left:3%; margin-right:3%; margin-bottom:35px; }
.persona{width:31vw; position:relative; display: block; float:left; padding:10px; }



@media (max-width:900px){

iframe{ margin-bottom:10px;  padding-right:0px;  }
	.horz{width:80vw; height:50vw; margin-left:7vw;}
	.vert{width:70vw; height:60vw; margin-left:25vw;}

img{  }
.small{width:40vw; float:left; }
.header{width:40vw; }

#top_head{height:15vw; display: block; margin-bottom: 0px;}

.kelsey{padding-left:12vw; padding-right:12vw; margin-top: 10px; margin-bottom: 10px; }

.work{position:relative; display: block; float:left; width:100vw;  margin-bottom:35px; margin-left:8%; margin-right:0%; }



@media (max-width:600px){

iframe{ margin-bottom:10px;  padding-right:0px;  }
	.horz{width:80vw; height:50vw; margin-left:7vw;}
	.vert{width:70vw; height:60vw; margin-left:10vw;}

img{  }
.small{width:80vw; float:left;}
.header{width:70vw; }

#top_head{height: 20vw; margin-bottom: 0px;}

.kelsey{padding-left:5vw; padding-right:5vw; margin-top: 10px; margin-bottom: 10px; }

.work{position:relative; display: block; float:left; width:100vw;  padding-left:0%; padding-right:0%; margin-bottom:35px; }