html, body {
	 height: 100%;
}
 body {
	 background: #fff;
	 margin: 0px;
	 padding: 0px;
	 font-size: 15px;
	 line-height: 26px;
	 color: #1e4488;
	 font-family: 'Montserrat', sans-serif;
	 overflow-x: hidden;
	 overflow-y: scroll;
}
 a {
	 color: #1e4488;
	 text-decoration: none;
}
 h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif;
}
 .header {
	 text-align: center;
	 position: relative;
	 z-index: 9999999999999;
	 background:#fff
}
 .header .master-head {
	 padding: 7% 30px;
}
.master-head img {
  width: 100%;
  max-width: 400px;
}
 .header .page-title {
	 padding: 0 30px 0 30px;
	 font-size: 60px;
	 line-height: 1em;
	 letter-spacing: 10px;
	 color: #1e4488;
}
 .header .page-description {
	 margin: 30px auto;
	 max-width: 600px;
	 font-size: 18px;
	 line-height: 2em;
	 color: #1e4488;
}
.logo-top {
    text-align: left;
    padding: 20px 0 0 20px;
}

.logo-top img {
    max-width: 135px;
}
 .header .scroll-button {
	 color: #1e4488;
	 font-size: 20px;
	 padding: 15px 20px 15px 20px;
	 display: inline-block;
	 background: #3093A2;
	 cursor: pointer;
}
 .header .scroll-button:hover {
	 background: #246f7b;
}
 .header .scroll-button:active {
	 background: #194c53;
}
.header-text {
    padding-top: 100px;
    font-size: 25px;
    line-height: 1.4;
}
.header-sub-text {
    padding-top: 40px;
    font-size: 21px;
}
 .main-content {
	 margin: 0px auto;
   position: relative;
   padding-bottom: 50px;
}
.section.main-content:after {
  content: "";
  background-image: url(bg-full.jpg);
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  z-index: -1;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100%;
}
 .main-content .section-inner, .main-content .post-wrapper {
	 *zoom: 1;
}
 .main-content .section-inner:before, .main-content .section-inner:after, .main-content .post-wrapper:before, .main-content .post-wrapper:after {
	 content: "";
	 display: table;
}
 .main-content .section-inner:after, .main-content .post-wrapper:after {
	 clear: both;
}
 .footer {
	 background: #1e4487;
	 padding: 50px 0px 50px 0px;
	 position: relative;
	 z-index: 999999999999;
}
.footer.section .section-inner {
  width: auto;
  max-width: 90%;
}
.icons-fam {
  text-align: center;
}
.icon-footer {
  width: 16%;
  display: inline-block;
}
 .footer .good-bye p {
	 display: block;
	 margin: 0px auto 30px auto;
	 max-width: 300px;
	 clear: both;
}
 .section .section-inner {
	 margin: 0px auto;
	 width: 1024px;
}
 @media only screen {
	 .section .section-inner {
		 width: auto;
		 max-width: 1180px;
	}
}
h2.post-title {
  transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform-origin: left right;
}

.hidden h2.post-title {
  -webkit-transform: scale3d(2, 2, 2);
  transform: scale3d(2);
}
 .stem-wrapper {
	 position: fixed;
	 top: 0px;
	 bottom: 0px;
	 left: 50%;
}
 .stem-wrapper.color-yellow .stem-background {
	 background: #1e4488;
}
 .stem-wrapper.color-green .stem-background {
	 background: #1e4488;
}
 .stem-wrapper.color-white .stem-background {
	 background: #1e4488;
}
 .stem-wrapper .stem, .stem-wrapper .stem-background {
	 position: absolute;
	 top: 0px;
	 left: 0px;
	 width: 4px;
}
 .stem-wrapper .stem {
	 background: #f4f4f4;
	 height: 100%;
}
 .stem-wrapper .stem-background {
	 background: #1e4488;
	 height: 65%;
}
 .stem-padding, .single-stem-icon {
	 width: 4px;
	 height: 60px;
	 margin: 0px auto;
	 background: transparent url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/22043/stem-mask.png) repeat-y top center;
}
 .single-stem-icon.scroll-to-top {
	 cursor: pointer;
	 background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/22043/scroll-to-top-icon.png);
}
 .post-wrapper {
	 *zoom: 1;
}
 .post-wrapper:before, .post-wrapper:after {
	 content: "";
	 display: table;
}
 .post-wrapper:after {
	 clear: both;
}
 .post-wrapper .post {
	 position: relative;
	 width: 510px;
	 padding: 0px 0px 5px 0px;
	 clear: both;
   opacity: 1;
       transition: all .2s linear;
       margin-top: -40px;
}
 .post-wrapper .post.hidden .post-content {
	 opacity: 0;
}
 .post-wrapper .post:hover .post-content, .post-wrapper .post.active .post-content {
	 opacity: 1;
}
 .post-wrapper .post:hover .post-content .meta, .post-wrapper .post.active .post-content .meta {
	 opacity: 1;
}
article.post.hidden {
  opacity: 0;
}
 .post-wrapper .post:nth-child(even) {
	 float: right;
}
 .post-wrapper .post:nth-child(odd) {
   float: left;
   text-align: right;
}
 .post-wrapper .post:nth-child(even) .stem-overlay {
	 left: -96px;
}
 .post-wrapper .post:nth-child(odd) .stem-overlay {
	 right: -67px;
}
 .post-wrapper .post.music-icon .stem-overlay .icon {
   background-image: url(circle.png);
   background-size: 100%;
}
 .post-wrapper .post.bitbucket-icon .stem-overlay .icon {
   background-image: url(circle.png);
   background-size: 100%;
}
 .post-wrapper .post.m-icon .stem-overlay .icon {
   background-image: url(circle.png);
   background-size: 100%;
}
 .post-wrapper .post.twitter-icon .stem-overlay .icon {
   background-image: url( circle.png);
   background-size: 100%;
}
 .post-wrapper .post .stem-overlay {
	 position: absolute;
	 top: 0px;
	 bottom: 0px;
	 width: 4px;
}
 .post-wrapper .post .stem-overlay .icon {
	 background: transparent no-repeat center center;
	 height: 30px;
	 width: 30px;
   cursor: pointer;
   border: 3px solid #fff;
   border-radius: 60px;
}
 .post-wrapper .post .stem-overlay .stem-mask {
	 position: absolute;
	 top: 60px;
	 bottom: 0px;
	 left: 0px;
	 right: 0px;
}
 .post-wrapper .post .post-content {
	 opacity: 1;
}
 .post-wrapper .post .post-content .meta {
	 color: rgba(255,255,255,0.3);
	 margin: 0px 0px 15px 0px;
	 letter-spacing: 1px;
	 opacity: 0;
}
 .post-wrapper .post .post-content .post-title {
	 font-size: 50px;
	 line-height: 42px;
	 margin: 0px 0px 15px 0px;
}
.entry-content {
  font-size: 18px;
}
 @media only screen and (max-width: 1080px) {
	 .main-content, .main-content .section-inner {
		 max-width: none;
	}
	 .stem-wrapper {
		 left: 80px;
	}
	 .stem-padding, .single-stem-icon {
		 margin: 0px;
		 float: left;
		 margin-left: 50px;
	}
	 .post-wrapper .post, .post-wrapper .post:nth-child(even), .post-wrapper .post:nth-child(odd) {
		 width: auto;
		 margin-left: 110px;
		 float: none;
	}
	 .post-wrapper .post .stem-overlay, .post-wrapper .post:nth-child(even) .stem-overlay, .post-wrapper .post:nth-child(odd) .stem-overlay {
		 left: -47px;
		 right: auto;
	}
	 .post-wrapper .post .post-content {
		 padding: 0px 50px;
  }
  .post-wrapper .post:nth-child(odd) {
    text-align: left;
}
.post-wrapper .post {
  margin-top: 10px;
}
.icon-footer {
  width: 25%;
  margin-bottom: 40px;
}
}
 @media only screen and (max-width: 700px) {
	 .header .page-title {
		 font-size: 40px;
	}
	 .post-wrapper .post {
		 margin-left: 90px !important;
	}
	 .post-wrapper .post .post-content {
		 padding: 0 25px;
	}
	 .stem-wrapper {
		 left: 60px;
	}
	 .stem-padding, .single-stem-icon {
		 margin-left: 30px;
  }
  .icon-footer {
    width: 45%;
}
}
 .clearfix {
	 *zoom: 1;
}
 .clearfix:before, .clearfix:after {
	 content: "";
	 display: table;
}
 .clearfix:after {
	 clear: both;
}