@font-face{
    font-family:"FFMarkMed";
    src:url("../../font/ffmarkmed.eot?#iefix");
    src:url("../../font/ffmarkmed.eot?#iefix") format("eot"),
        url("../../font/ffmarkmed.woff2") format("woff2"),
        url("../../font/ffmarkmed.woff") format("woff"),
        url("../../font/ffmarkmed.ttf") format("truetype");
}

* {
    font-family: 'FFMarkMed', sans-serif;
}

.text-right {
    text-align: right;
}

body {
    background: url('../../img/bg.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center 1%;
}

@media (max-width: 768px) {
    .text-right {
        text-align: left;
    }
    
    #message {
        position: absolute;
        bottom: 0;
        left: 0;
    }
    
    .home.blog {
        height: 100%;
        position: absolute;
    }
    
    #page {
        height: 100%;
        position: relative;
    }
    
    #page-header {
        height: 100%;
    }
}