html,
body,
div,
h1,
h2,
h3,
p,
a,
em,
img,
header,
nav,
mark {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

header,
nav {
	display: block
}

body {
	line-height: 1
}

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

html {
	font-size: 100%;
	font-weight: 100
}

body {
	background: #fff;
	font: 16px "Merriweather", "PT Serif", Helvetica, Arial, sans-serif;
	color: #333
}

.container {
	margin: 0 auto;
	max-width: 740px;
	padding: 0 10px;
	width: 100%
}

h1,
h2,
h3 {
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #333;
	font-weight: 600;
	line-height: 1.7;
	margin: 1em 0 15px;
	padding: 0
}

@media screen and (max-width: 640px) {

	h1,
	h2,
	h3 {
		line-height: 1.4
	}
}

h1 {
	font-size: 2.998rem
}

h1 a {
	color: inherit
}

h2 {
	font-size: 1.5rem
}

h3 {
	font-size: 1.25rem
}

p {
	margin: 15px 0;
	line-height: 1.5
}

a {
	color: #4183C4;
	text-decoration: none;
	cursor: pointer
}

a:hover,
a:active {
	color: #4183C4
}
em {
	font-style: italic
}

img {
	max-width: 100%
}

::-moz-selection {
	color: #000;
	background: #eee
}

::selection {
	color: #000;
	background: #eee
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table
}

.clearfix:after {
	clear: both
}

.wrapper-masthead {
	margin-bottom: 50px
}

.masthead {
	padding: 20px 0;
	border-bottom: 1px solid #eee
}

@media screen and (max-width: 640px) {
	.masthead {
		text-align: center
	}
}

.site-avatar {
	float: left;
	width: 70px;
	height: 70px;
	margin-right: 15px
}

@media screen and (max-width: 640px) {
	.site-avatar {
		float: none;
		display: block;
		margin: 0 auto
	}
}

.site-avatar img {
	border-radius: 5px
}

.site-info {
	float: left
}

@media screen and (max-width: 640px) {
	.site-info {
		float: none;
		display: block;
		margin: 0 auto
	}
}

.site-name {
	margin: 0;
	color: #333;
	cursor: pointer;
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 28px;
	letter-spacing: 1px
}

.site-description {
	margin: -5px 0 0 0;
	color: #666;
	font-size: 16px
}

@media screen and (max-width: 640px) {
	.site-description {
		margin: 3px 0
	}
}

nav {
	float: right;
	margin-top: 23px;
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px
}

@media screen and (max-width: 640px) {
	nav {
		float: none;
		margin-top: 9px;
		display: block;
		font-size: 16px
	}
}

nav a {
	margin-left: 20px;
	color: #333;
	text-align: right;
	font-weight: 300;
	letter-spacing: 1px
}

@media screen and (max-width: 640px) {
	nav a {
		margin: 0 10px;
		color: #4183C4
	}
}

.list2col {
	max-width: 100%;
	clear: both;
	padding-bottom: 5em
}

h2,
h3 {
	text-align: center
}

/* */
.btn-started {
    border: none;
    outline: 0;
    display: inline-block;
    padding: 10px 25px;
    color: black;
    background-color: #ddd;
    text-align: center;
    cursor: pointer;
  }
  .btn-started:hover {
    background-color: #555;
    color: white;
  }

  /*
  img:hover {
    width: 300px;
    height: 300px;
  }*/