@charset "UTF-8";
/* CSS Document */

/*@import url(http://fonts.googleapis.com/css?family=Heebo:900|Crimson+Text|Inconsolata);*/

*,
*::after,
*::before {
	box-sizing: border-box;
}

:root {
	font-size: 16px;
}

html {
    margin: 0px;
    padding: 0px;
	scroll-behavior: smooth;
}

body {
      background: #fff;
      color: #000;
	  line-height: 1.6;
      font-family: neue-haas-unica, sans-serif;
	  font-weight: 400;
	  font-style: normal;
      padding: 0;
      margin: 0;
	  height: 100%;
  }

#bg {
      border: 30px solid #000;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      position: fixed;
      z-index: 100;
  }

img {
	  max-width: 100%;
	  height: auto;
	  vertical-align: middle;
	  margin: 0 auto;
	  border: none;
	  border : 0;
	  outline:none;
	  }

#leff {
	  position:fixed;
     top:60px;
     left:60px;
     z-index:101;
  }
  
#rye {
	 position:fixed;
     top:65px;
     left:-45px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
     z-index:5000;
}

.bounce {
  font-family: neue-haas-unica, sans-serif;
  font-weight: 600;
  font-style: normal;
  background-color: #000;	
  font-size: 14px;
  letter-spacing: 0.08em;
  margin: 0;
  padding: 0px 6px 0px 6px;
	
}
a.back:link {color: #00AFEC;text-decoration: none;outline:none;transition: all .2s;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease;
	transition-delay: 0s;}
a.back:visited {color: #00AFEC;text-decoration: none;outline:none;}
a.back:hover {color: #FFF;text-decoration: none;outline:none;transition: all .2s;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease;
	transition-delay: 0s;}

#about {
  width: 100%;
  margin: 0 auto;
  z-index: 1;
  }
.cat-1 {
  width: 100%;
  max-width: 223px;
  margin: 0px 0px -21px 240px;
  padding: 0;
}

#whycats {
  width: 100%;
  margin: 0 auto;
  padding: 0rem 0rem 4rem;
  z-index: 1;
  }
.cat-2 {
  width: 100%;
  max-width: 302px;
  margin: 0px 0px -12px -10px;
  padding: 0;
}

#fortheloveofcats {
  width: 100%;
  margin: 0 auto;
  padding: 0rem 0rem 5rem;
  z-index: 1;
  }
.cat-3 {
  width: 100%;
  max-width: 282px;
  margin: 0px 0px -23px 169px;
  padding: 0;
}

#fortheloveofcode {
  width: 100%;
  margin: 0 auto;
  padding: 0rem 0rem 4rem;
  z-index: 1;
  }
.cat-4 {
  width: 100%;
  max-width: 312px;
  margin: 0px 0px -35px -50px;
  padding: 0;
}

#contact {
  width: 100%;
  margin: 0 auto;
  padding: 0rem 0rem 2rem;	
  z-index: 1;
  }
.cat-5 {
  width: 100%;
  max-width: 177px;
  margin: 0px 0px -23px 15px;
  padding: 0;
}

.post {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;	
  padding: 2rem 2rem;
  text-align: left;
  }
h2 {
margin: 0;
padding: 0;
}
.title {
  font-family: neue-haas-unica, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #000;
  font-size: 3rem;
  line-height: 1.0;
  margin: 0;
  padding: 0em 0em 0em 0em;
}
.copycopy {
	font-size: 18px;
	font-family: neue-haas-unica, sans-serif;
	font-weight: 400;
    font-style: normal;
	margin: 0;
}
.copycopy::before {
	content: '__';
	line-height: 1;
	color: #000000;
	font-weight: 600;
	font-size: 3rem;
	margin: 0 0 1rem;
	letter-spacing: -0.05em;
	display: block;
	padding: 0;
}
.capycapy {
	font-size: 18px;
	font-family: neue-haas-unica, sans-serif;
	font-weight: 400;
    font-style: normal;
	margin: 0;
}
.blue {
	color: #000;
	font-family: neue-haas-unica, sans-serif;
	font-weight: 600;
	font-style: normal;
	line-height: 2.2;
	padding: 0px 0px 20px 0px;
}
a.linez:link {
	color: #00AFEC;
	text-decoration: none;
	transition: all .2s;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease;
	transition-delay: 0s;
	-webkit-transition: all .2s;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease;
	-webkit-transition-delay: 0s;
	-moz-transition: all .2s;
	-moz-transition-property: all;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease;
	-moz-transition-delay: 0s;
	
}

a.linez:visited {color: #00AFEC;	transition: all .2s;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease;
	transition-delay: 0s;
	-webkit-transition: all .2s;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease;
	-webkit-transition-delay: 0s;
	-moz-transition: all .2s;
	-moz-transition-property: all;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease;
	-moz-transition-delay: 0s;}
a.linez:hover {color: #000000;	
	transition: all .2s;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease;
	transition-delay: 0s;
	-webkit-transition: all .2s;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease;
	-webkit-transition-delay: 0s;
	-moz-transition: all .2s;
	-moz-transition-property: all;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease;
	-moz-transition-delay: 0s;}
a.no-linez:link {
	color: #000;
	text-decoration: none;
	outline: none;
	transition: all .2s;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease;
	transition-delay: 0s;
}
a.no-linez:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}
a.no-linez:hover {
	color: #00AFEC;
	text-decoration: none;
	outline: none;
}
.menu {
	display: block;
	color: #00AFEC;
	text-decoration: none;
	line-height: 1.6em;
	font-size: 1rem;
	font-family: neue-haas-unica, sans-serif;
	font-weight: 400;
    font-style: normal;
	transition: all .2s;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease;
	transition-delay: 0s;
}
.swipe {
	color: #0000FF;
	text-decoration: none;
}
.spacer {
  margin: 60px 0px 180px 0px;
}
.spacer-top {
  margin: 0px 0px 20px 0px;
}
.spacer-mid {
  margin: 50px 0px 50px 0px;
}
  

/*--------------------------------------------------
				VIDEO WRAPPER
---------------------------------------------------*/
.wrapper-center {
position: relative;
overflow: hidden;
height: 0;
-webkit-box-shadow: 5px 5px 8px rgba(50, 50, 50, 0.2);
-moz-box-shadow: 5px 5px 8px rgba(50, 50, 50, 0.2);
box-shadow: 5px 5px 8px rgba(50, 50, 50, 0.2); 
padding-bottom: 56.25%;
margin: 0 0; 
}

.wrapper-center iframe, .wrapper-center object, .wrapper-center embed {
position: absolute;
display: block;
vertical-align: middle;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video { padding: 30px 0px 50px 0px;}

@media only screen and (min-width: 180px) and (max-width: 1000px) {
.menu {
  display: inline-block;
}  	
}

/*--------------------------------------------------
				MAILING LIST
---------------------------------------------------*/
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:20px 0 10px 0%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:1px solid #000; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#000;}
#mc_embed_signup .button {clear:both; background-color: #00AFEC; border: 0 none; border-radius:0px; letter-spacing:.03em; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto; transition: all 0.23s ease-in-out 0s;}
#mc_embed_signup .button:hover {background-color: #00AFEC; opacity: 0.5;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}     
#mc_embed_signup .clear {clear:none; display:inline;}

#mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
#mc_embed_signup input.email {font-family:"Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif; font-size: 15px; display:block; padding:0 0.4em; margin:0 4% 10px 0; min-height:32px; width:58%; min-width:130px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
#mc_embed_signup input.button {display:block; width:35%; margin:0 0 10px 0; min-width:90px;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

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

@media only screen and (min-width: 180px) and (max-width: 700px) {
#rye {display: none;}
.cat-1 {
  width: 100%;
  max-width: 168px;
  margin: 0px 0px -21px 10px;
  padding: 0;
}
.cat-2 {
  width: 100%;
  max-width: 232px;
  margin: 0px 0px -14px 0px;
  padding: 0;
}

.cat-3 {
  width: 100%;
  max-width: 216px;
  margin: 0px 0px -22px 28px;
  padding: 0;
}

.cat-4 {
  width: 100%;
  max-width: 250px;
  margin: 0px 0px -32px 0px;
  padding: 0;
}

.cat-5 {
  width: 100%;
  max-width: 142px;
  margin: 0px 0px -23px 25px;
  padding: 0;
}
.spacer-mid {
  margin: 40px 0px 40px 0px;
}
}