@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,700,900);

body, pre
{
	font-weight: 400;
    line-height: 1.5;
    letter-spacing: .01rem;
	color: #333;

    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

pre {
    font-size: 15px;
}

body
{
	font-size: 22px;
	font-family: Lato;
	webkit-font-smoothing: antialiased;
	webkit-overflow-scrolling: touch;
}

h1,h2,h3,h4,h5,h6
{
	color: #333;
	font-family: Raleway;
	font-weight: 500;
}

h1,h2 {
    margin-top: 30px;
}

p, ul.simple li
{
	line-height: 28px;
	margin-top: 15px;
	margin-bottom: 25px;
}

.article a,
.post-article a {
    text-decoration: underline;
}

.centered
{
	text-align: center;
}

.mt
{
	margin-top: 40px;
}

a
{
    color: #222;
	moz-transition: color .1s ease-in,background .1s ease-in;
	ms-transition: color .1s ease-in,background .1s ease-in;
	o-transition: color .1s ease-in,background .1s ease-in;
	transition: color .1s ease-in,background .1s ease-in;
	webkit-transition: color .1s ease-in,background .1s ease-in;
	word-wrap: break-word;
}

a:focus,a:hover
{
	color: #000;
	outline: 0;
	text-decoration: none;
}

a:after,a:before
{
	moz-transition: color .1s ease-in,background .1s ease-in;
	ms-transition: color .1s ease-in,background .1s ease-in;
	o-transition: color .1s ease-in,background .1s ease-in;
	transition: color .1s ease-in,background .1s ease-in;
	webkit-transition: color .1s ease-in,background .1s ease-in;
}

hr
{
	border: 0;
	border-top: 1px solid #ccc;
	display: block;
	height: 1px;
	margin: 1em 0;
	padding: 0;
}

.navbar
{
	background-color: #fff;
	font-size: 14px;
	font-weight: 800;
	padding-bottom: 15px;
	padding-top: 15px;
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover
{
	background-color: #74cfae;
	color: #fff;
}

.navbar-brand
{
	color: #74cfae !important;
	font-size: 60px;
	padding-bottom: 0;
	padding-top: 0;
}

.navbar-brand .title-long,
.navbar-brand .title-short {
    display: none;
}

.btn-theme
{
	background-color: #74cfae;
	border-color: transparent;
	color: #fff;
}

.btn
{
	border: 5px solid transparent;
	border-radius: 0;
	font-size: 18px;
	margin-bottom: 0;
	padding: 10px 30px;
}

.lead
{
	letter-spacing: 1px;
}

#hello
{
	padding-bottom: 0px;
	padding-top: 50px;
	width: 100%;
}

#hello h1
{
	color: #74cfae;
	font-size: 90px;
	font-weight: 700;
	letter-spacing: 3px;
}

#hello h2
{
	color: silver;
	font-weight: 400;
}

#green
{
	background-color: #74cfae;
	margin-bottom: 50px;
	padding-top: 50px;
	padding-bottom: 50px;
}

#green h3
{
	color: #fff;
	font-weight: 400;
	margin-bottom: 35px;
}

#green p
{
	color: #fff;
	font-size: 20px;
	font-weight: 400;
}

#green img {
    border: 2px solid white;
}

#skills
{
	background-color: #4e4e4e;
	margin-top: 50px;
	padding-bottom: 50px;
	padding-top: 50px;
}

#skills h3
{
	color: #fff;
}

#skills p
{
	color: #fff;
	font-weight: 400;
}

#social
{
	padding-bottom: 100px;
	padding-top: 100px;
	width: 100%;
}

#social i
{
	color: #74cfae;
	font-size: 50px;
}

#social .col-md-3:hover
{
	background-color: #f5f5f5;
}

#social .col-md-3
{
	padding: 30px;
}

#f
{
	background-color: #74cfae;
	padding-top: 20px;
}

#f p
{
	color: #fff;
	font-weight: 400;
	text-align: right;
}

.grid img
{
	opacity: .7;
}

.grid img:hover
{
	opacity: 1;
}

@media (min-width: 992px) {
  .navbar-brand .title-long {
    display: inline;
  }
}

@media (max-width: 991px) {
  .navbar-brand .title-short {
    display: inline;
  }

  #hello {
	padding-top: 0px;
  }

  #social {
   padding-top: 10px;
   padding-bottom: 10px;
  }

  #green {
   margin-bottom: 10px;
  }

}

.post-article .figure img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.post-article .figure .caption {
    text-align: center;
    margin-top: 10px;
	font-size: 18px;
}

table.footnote td.label {
	color: #333;
}