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

	* {		
		font-family: 'Josefin Sans', sans-serif;		
	 }
	
	.main-nav {
		z-index:2;
		width:100%;
		left:0px;
		right:0px;
		height:120px;
		position:fixed;
		background-color:#FFFFFF;
		border-bottom: thin solid #000000;
	}
	
	.center-parent {
  position: relative;
  min-height:900px;
}
.center-child {
  position: absolute;
  width:100%;
  max-width:900px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
	}
	
	.btn {
					  -webkit-border-radius: 0;
					  -moz-border-radius: 0;
					  border-radius: 0px;
					  font-size: 18px;
					  background: #ffffff;
					  padding: 7px 14px 7px 14px;
					  border: solid #D8D8D8 1px;
					  text-decoration: none;
					}
					
					.btn:hover {
					  background: #e6e6e6;
					  text-decoration: none;
					  cursor: pointer;
					}
					
					ol.roman {list-style-type: upper-roman;}
		
					ul {padding-top:5px;}
		
					li {padding-top:10px;}
	
	.gradient-opacity {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.1+0,0.4+50,0.9+100 */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuNCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuOSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1affffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-8 */


	}
	
	.logo {
		font-size:64px;
		letter-spacing: 8px;
		color:#3366cc;
		position:relative;
		top:-13px;
		font-weight:400;
		left:0.75vw;
		text-decoration:none;
		
	}
	
	.quote {
		font-size:50px;
		line-height:70px;  
	}
	
	.quote-name {
		font-size:20px;
		padding-right:25%;
	}
	
	.logo-carrots {
		font-size:85px;
		position:relative;
		top:3px;
		color:#000000;
		font-weight:300;
	}
   .underline {
	   font-family: 'Josefin Sans', sans-serif;
	   letter-spacing: 4px;	
		text-decoration:none;
		cursor:pointer;
	    border-style:solid;
	    border-width: 0px 0px 1px 0px;
	    transition: all .2s ease-in;
		padding:4px;
	}
	
   .underline:hover {
		text-decoration:none;
	    border-style:solid;
	    border-width: 0px 0px 1px 0px;
	    transition: all .2s ease-in;
		padding:0px;
	}

   .nav {
		font-family: 'Roboto Mono', sans-serif;	
		font-size:22px;
		letter-spacing: 2px;
		top:-10px;	
		position:relative;
		color:#000000;
		position:relative;
		margin: 0 auto;
    	display: inline-block;
		max-width:296px;
		width:33.33%;
		left:0.75vw;
	}
	
	.bg-shadow {
		-moz-box-shadow: 0px 10px 12px 0px #000,
                    0px -10px 12px 0px #000;
		-webkit-box-shadow: 0px 10px 12px 0px #000,
                    0px -10px 12px 0px #000;
		box-shadow: 0px 10px 12px 0px #000,
            0px -10px 12px 0px #000;
	}
	
	.bg-shadow-gray {
		-moz-box-shadow: 0px 10px 12px 0px #999,
                    0px -10px 12px 0px #999;
		-webkit-box-shadow: 0px 10px 12px 0px #999,
                    0px -10px 12px 0px #999;
		box-shadow: 0px 10px 12px 0px #999,
            0px -10px 12px 0px #999;
	}

   .top-bg-1{
		background: url(../i/waterfall-2.jpg) no-repeat bottom center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
	    background-size: cover;
		min-height:100vh;
	}
	
	.top-bg-2{
		background: url(../i/notes-coffee.jpg) no-repeat top center;
		background-attachment: fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
	    background-size: cover;
		min-height:100vh;
		
	}
	
	.portfolio-bg{
		background-image:url(../i/log-view.jpg);
		background-attachment: fixed;
		background-position: bottom center;
		background-size: cover;
		-webkit-text-size-adjust: none;
		min-height:100vh;
	}
	
	.top-bg-4{
		background: url(../i/phone-booth.jpg) no-repeat top left;
		background-attachment: fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
	    background-size: cover;
		min-height:100vh;
	}
	
	.top-content {
		
		background-color: rgba(255,255,255,0.85);
		width:900px;
		min-height:100vh;
		position:relative;
		top:120px;
	
	}
	
	.top-content-gradient {
		
		max-width:900px; margin:auto; height:auto; position:relative; top:30px; min-height:700px;
		
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.65+0,0.65+30,0.1+92,0+100 */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjkyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);

background: -moz-linear-gradient(top,  rgba(255,255,255,0.65) 0%, rgba(255,255,255,0.65) 30%, rgba(255,255,255,0.1) 92%, rgba(255,255,255,0) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.65) 30%,rgba(255,255,255,0.1) 92%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.65) 30%,rgba(255,255,255,0.1) 92%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */




		
	}
	
	.lsidebar {
		float: left;
		width: 39%;
		border: 1px solid  #ccc; padding-left:1.25em; padding-right:1.25em; margin-top: 1.25em;
		text-align:center; 
	}
	.rsidebar {
		float: right;
		width: 39%;
		border: 1px solid  #ccc; padding-left:1.25em; padding-right:1.25em; margin-top: 1.25em; 
		text-align:center; 
	}
	.columnsContainer:after {
		content:"";
		display: table;
		clear: both;
	}
	img {
		max-width: 95% !important;
		height: auto !important;
	}
	.sky-tabs > label span {
		min-width:100px;
	}
	
	.l-r-b-10-padding {
		padding-bottom:30px;
	}
	
@media (max-width: 900px) {
	.main-nav {
		height:16vw;
	
	}
	
	.quote {
	font-size:5vw;
	line-height:6vw;  
	}
	
	.logo {
		font-size:7vw;
		letter-spacing: 2vw;
		position:relative;
		top:-1.45vw;
	}
	.logo-carrots {
		font-size:10vw;
		position:relative;
		top:0.7vw;
	}
	.nav {
		font-size:4.0vw;
		letter-spacing: 1vw;
		top:-1vw;	
		position:relative;
		float:left;
		display:block;
		max-width:33.33%;
		padding:0;
		margin:0;
	}
	
	.underline {
	   letter-spacing: 2px;	
		padding:0px;
	}
	
	.l-r-b-10-padding {
		padding-left:10px;
		padding-right:10px;
		padding-bottom:40px;
	}
	
	.top-content {
		top:16vw;
	}
	
	iconz {
		min-width:100px;
	}

}

@media (max-width: 600px) {

.center-child {
  top: 32%;
  left: 50%;
  transform: translate(-50%, -50%);
  
	}
	
	.sky-tabs > label span {
		min-width:40px;
	}
	
	.main-nav {
		z-index:2;
		min-width:100%;
		height:24vw;
		margin:0;
		padding:0;
		position:fixed;
	}
	.quote {
	font-size:8vw;
	line-height:11vw;  
	}
	
	.quote-name {
		font-size:6vw;
	}
	.logo {
		font-size:12vw;
		letter-spacing: 1vw;
		position:relative;
		top:-1vw;
	}
	.logo-carrots {
		font-size:14vw;
		position:relative;
		top:0.7vw;
	}
	.nav {
		font-size:4.8vw;
		letter-spacing: 0.5vw;
		top:0.5vw;
		position:relative;
	}
	
	.top-content {
		top:24vw;
	}
	
	.top-content-gradient {
		background: none;
		background-color: rgba(255,255,255,0.85);
		filter: none;
	}

}
@media screen and (max-width: 480px) {
		.lsidebar, 
		.rsidebar {
			float: none;
			width: auto;
		}
}