
body{
    font-family:'Merriweather', serif;
    border-top:0px solid #4BBD93;
    overflow-x:hidden !important;
    background:rgba(200,200,100,0.75);
    color:#666
}
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.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:rgba(200,200,100,0.75)
}
.container:nth-child(odd){
    background:rgba(200,200,100,0.75)
}
#box-container{
    margin:0;padding:0
}
.box{
    list-style-type:none;
    float:left;margin-bottom:1rem;
    margin-left:1%;margin-right:1%;width:48%
}
.box:nth-child(2n+1){
    clear:both;margin-left:0
}
.box:nth-child(2n+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:0rem 0
}
footer a{
    color:#666
}
/* === MEDIA QUERY === */
@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}
}
