@font-face {font-family: 'dirkdoet'; src: url('theme/hand_of_sean_demo.ttf') format('truetype'); }

body { background:url('theme/bg.jpg') no-repeat; background-position:right top; background-size:cover; font:20px 'dirkdoet', sans-serif; position:relative; margin:0; height:100%; width:100%; }
body * { box-sizing:border-box; }
a, a:hover, a:visited, p, i.fa, h1, h2, h3, h4, h5, h6 { color:#fff; text-decoration:none; }

.content { width:100%; height:100%; }
.content .image { position:absolute; top:50%; transform:translateY(-50%); width:61%; padding:180px 70px; background:rgba(0, 70, 135, 0.9); }
.content img { display:block; width:100%; }

.text_below { background:#f49023; width:auto; position:absolute; bottom:40px; right:45px; }
.text_below a { width:100%; display:block; }
.text_below p { margin:0; padding:20px 30px; }

@media screen and (max-width:1350px) {
    .content .image { padding:100px 40px;}
}

@media screen and (max-width:992px) {
    .content .image { padding:70px 30px; width:40%; }
}

@media screen and (max-width:750px) {
    .content .image { padding:20px 30px; width:100%; top:0; transform:none; bottom:auto; }
    .content img { height:75px; }
    .text_below { bottom:0; right:0; left:0; width:100%; height:75px; }
}

@media screen and (max-width:400px) {
    body { background-position:right -50px top; }
}