/*GLOBAL*/

* { margin:0; padding:0; }

html { background: #a29a91 url(../images/Bkgd_FoolsRoad.jpg) no-repeat center fixed; background-size: cover; height: 100%; }
body { height: 100%; font-family: 'Raleway', Helvetica, Arial, Verdana, sans-serif; color: #e5e5e5; font-size: 1em; }

#wrap { 
    height: 100%;
    width: 100%; 
    margin: 0 auto;
    position: relative;
    text-align: center;
    overflow: hidden; }

#column { /* Edit relative scaling for column contents within #wrap container here: */
    margin: 0 auto;
    text-align: center;
    width: 20%;
    height: 100%; }

    .logo { 
        width: 100%;
        max-width: 340px;
        min-width: 80px;
        padding-top: 40px; }

    .copy {
        width: 100%;
        max-width: 336px;
        min-width: 80px;
        margin-bottom: 40px; }



/*--Button Formatting---------------------------------------------------------------------*/

.btntop, btntop:visited {
    width: 119px;
    height: 155px;
    background: #78bd44;
    position: absolute; 
    top: -125px;
    left: 50%; /* Positions left edge of object at middle of parent */
    transform: translateX(-50%);
    transition: all .6s ease-out;
    cursor: pointer; }

    .btntop:hover, .btntop:focus, .btntop:active { top: -40px; }
    .kickstarter { margin-top: 46px; }


.btnbtm, .btnbtm:visited {
    width: 119px;
    height: 135px;
    background: #c82f2b;
    position: absolute; 
    bottom: -103px;
    left: 50%; /* Positions left edge of object at middle of parent */
    transform: translateX(-50%);
    transition: all .6s ease-out;
    cursor: pointer; }

    .btnbtm:hover, .btnbtm:focus, .btnbtm:active { bottom: -40px; }
    .youtube { margin-top: 33px; }

.copyright { 
    width: auto;
    position:absolute;
    bottom: 5px;
    right: 15px;
    font-weight: 100;
    cursor: crosshair; }