﻿
@font-face {font-family: 'GF Halda Normal Normal';font-style: normal;font-weight: normal;src: local('GF Halda Normal Normal'), url('gfhalda.woff') format('woff');}
body {background-color:#eeede8;border:0;margin:0;padding:0;}
div {background-color:transparent;border:0;margin:0;padding:0;}
div.one {background-color:#eeebcc;filter:drop-shadow(-5px 7px 10px #73494a);height:450px;left:50%;margin:-225px 0px 0px -225px;overflow:hidden;padding:0;position:absolute;top:50%;transform:rotate(325deg);width:450px;z-index:1;}
div.two {height:400px;left:50%;margin:-200px 0px 0px -200px;overflow:hidden;padding:0;position:absolute;text-align:center;top:50%;transform:rotate(325deg);width:400px;z-index:2;}
div.three {background-color:#000;background:#eeebcc url(paper.jpg) bottom left no-repeat;color:#716364;filter:drop-shadow(0 1px 1px #73494a);font-family:'GF Halda Normal Normal',Courier New, Courier,monospace;font-size:45px;height:45px;left:50%;line-height:48px;margin:120px 0px 0px -180px;opacity:0.9;overflow:hidden;padding:0;position:absolute;text-align:center;top:50%;transform:rotate(355deg);width:360px;z-index:4;}
div.four {background-color:#000;background:#eeebcc url(paper.jpg) bottom left no-repeat;color:#716364;filter:drop-shadow(0 1px 1px #73494a);font-family:'GF Halda Normal Normal',Courier New, Courier,monospace;font-size:23px;height:45px;left:50%;line-height:48px;margin:180px 0px 0px -225px;opacity:0.9;overflow:hidden;padding:0;position:absolute;text-align:center;top:50%;transform:rotate(350deg);width:450px;z-index:3;}
img {background-color:transparent;border:0;margin:0;padding:0;}
img.paper {height:450px;width:450px;}
img.photo {height:400px;width:400px;}

@media all and (max-width:1000px) {
div.one {margin:-180px 0px 0px -180px;}
div.one, img.paper {height:360px;width:360px;}
div.two {margin:-160px 0px 0px -160px;}
div.two, img.photo, img.overlay {height:320px;width:320px;}
div.three {font-size:36px;height:36px;line-height:38px;margin:96px 0px 0px -144px;width:288px;}
div.four {font-size:18px;height:36px;line-height:38px;margin:144px 0px 0px -180px;width:360px;}
}

@media all and (max-width:780px) {
div.one {margin:-135px 0px 0px -135px;}
div.one, img.paper {height:270px;width:270px;}
div.two {margin:-120px 0px 0px -120px;}
div.two, img.photo, img.overlay {height:240px;width:240px;}
div.three {font-size:27px;height:27px;line-height:28px;margin:72px 0px 0px -108px;width:216px;}
div.four {font-size:14px;height:27px;line-height:28px;margin:108px 0px 0px -135px;width:270px;}
}

@media all and (max-width:600px) {
}

@media all and (max-width:400px) {
}