@media screen and (min-width:1550px) {
    .bg {
        margin-right:5%;
    }
}

@media screen and (max-width: 1450px){
    .bg {
        margin-right:-5%;
    }
}

@media screen and (max-width: 1300px){
    .bg {
        margin-right:-12%;
    }
    body {
        font-size:18px;
    }
}

@media screen and (max-width: 1150px){
    .bg {
        display:none;
    }
    #inline-pic {
        display:block;
    }
    .content {
        padding:50px;
        max-width:none;
    }
    .triangles {
        opacity:0.5;
        position:absolute;
    }
}

@media screen and (max-width: 700px){
    body {
        font-size:16px;
    }
}

@media screen and (max-width: 500px) {
    .hoverZone {
        display:none;
    }
    body:before {
        height:10px;
        width:100%;
    }
    h1 {
        font-size:2em;
    }
    .bg {
        display:none;
    }
    #inline-pic {
        margin:0px 0px 2em 0px;
        width:100%;
        float:none;
    }
    .content {
        padding:30px;
    }
    .triangles {
        opacity:0.2;
    }
}

/* retina graphics
--------------------------------------------- */
@media screen and (max-width: 480px), only screen and (-webkit-min-device-pixel-ratio: 2) {





}