body{font-family:"Helvetica neue", Helvetica, Arial, sans-serif, serif;overflow-x:hidden !important;background:#FFF;color:#666}

body img{opacity:1 !important}

h1,h2,h3,h4,h4,h6{font-family:'Helvetica Neue, Helvetica, Arial', sans-serif}
p{font-size:1.3rem}
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:6rem}
.lead{margin-bottom:-7em}

#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:#fff}

.container:nth-child(odd){background:#fff}

#box-container{margin:0;padding:0}

.box{list-style-type:none;float:left;margin-bottom:1rem;margin-left:1rem;margin-right:1rem;width:31%}

.box:nth-child(3n+1){clear:both;margin-left:0}

.box:nth-child(3n+0){margin-right:0}

.box a{display:block;width:100%;height:auto}

/*for irregular photos to square crop
.box a img{
	-webkit-back-visibility:hidden;
	position:absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto; 
    min-height: 100%;
    min-width: 150%;
}*/

.box a img{
	-webkit-back-visibility:hidden;
	position:absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto; 
    min-height: 100%;
    min-width: 150%;
}

div .crop
{
    width: 200px;
	height: 200px;
    overflow: hidden;
    margin: 10px;
    position: relative;
    border: 1px solid #FFF;
    border-radius: 10px;
}



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:-20px}.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}}