body img {
	opacity:1 !important
}
h1, h2, h3, h4, h4, h6 {
	font-family:'Raleway', sans-serif
}
a {
	text-decoration:none
}
ol {
	margin-left:2em;
	margin-bottom:2em
}
ul {
	margin-left:1em;
	margin-bottom:0
}
ul ul {
	margin-left:1em
}
header h1 {
	margin-top:0;
	font-size:12rem
}
.lead {
	margin-bottom:2em
}
#fork-this {
	position:absolute;
	z-index:1;
	right:0;
	top:5px;
	width:0px;
	height:0px;
	border-style:solid;
	border-width:0 150px 150px 0;
	border-color:transparent #4BBD93 transparent transparent
}
#fork-this a {
	display:block;
	position:absolute;
	z-index:10;
	width:150px;
	height:150px;
	top:0;
	right:-150px;
	z-index:10;
	background:url("fork.html") no-repeat 0 0;
	background-size:150px 150px
}
#share {
	margin-bottom:3rem
}
#share #fb, #share #twitter {
	display:inline-block
}
#share #fb {
	position:relative;
	top:-8px
}


#box-container {
	margin:0;
	padding:0 ; width:100%;
}
.box {
	list-style-type:none;
	float:left;
	margin-bottom:1rem;
	margin-left:1%;
	margin-right:1%;
	width:30%;
	overflow:hidden;
}

.box a {
	display:block;
	width:100%;
	height:auto
}
.box a img {
	-webkit-back-visibility:hidden;
	display:block;
	width:100%;
	height:auto;
	vertical-align:bottom
}


@media screen and (max-width: 799px) {
header h1 {
font-size:8rem
}
hr {
margin:2rem 0
}
#fork-this {
display:none
}
#share #fb {
top:-8px
}
.button {
margin-left:0;
margin-right:0;
width:100%
}
.button {
font-size:1.3rem;
padding:1.4rem 2rem
}
}
@media screen and (max-width: 410px) {
header h1 {
font-size:5rem
}
.box {
width:100%;
margin-left:0;
margin-right:0
}
}