body{overflow-x:hidden !important;}

/*body img{opacity:1 !important}*/

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.png") 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}

/*.container:nth-child(even){background:#000}
/*.container:nth-child(odd){background:#fff}*/

#box-container{margin:0; padding:0;}
.box{list-style-type:none; float:left; margin-bottom:1rem; margin-left:1%; margin-right:1%; width:23%; background-color:#000000;}
.box:nth-child(4n+1){clear:both; margin-left:1%}
.box:nth-child(4n+0){margin-right:0}
.box a{display:block; width:100%; height:auto;}
.box a img{-webkit-back-visibility:hidden; display:block; width:100%; height:auto; vertical-align:bottom;}
/*
footer{font-size:1.3rem;font-family:"Helvetica neue", Helvetica, Arial, sans-serif;text-align:center;color:#666;margin:2rem 0}
footer a{color:#666}
*/
@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:48%; margin-left:1%; margin-right:0}
}