@charset "UTF-8";
/* CSS Document */
body { 
    padding: 0 5% 0 60px; 
    margin: 0; 
    font: 84%/1.3 Verdana, Geneva, sans-serif; color: #ffffff; 
    background: #000000 url(i/photo4.jpg)  left top no-repeat;
    background-size: contain;
    background-position: center;
}
a:link { color: #ccffff; }
a:visited { color: #9999cc; }
a:hover { color: #ff0033; }
img { border: none; }
h1 { font-weight: normal; font-size: 140%; position: relative; }
.gray { color: #ffffff; }
.mini { font-size: 84%; }
.big { font-size: 114%; }
.like_br { margin-top: 3em; }
.cr.like_br { margin-top: 4em; }
.cr span { position: absolute; margin-left: -1.25em; }
#container { position: relative; padding: 75px 0 5% 30px; }
ins { position: absolute; width: 16px; height: 16px; left: -24px; top:0; background: url(i/icon.png); }
h1 ins { top: 2px; }

@media only screen and (max-width: 1024px) {
    body {
        background-size: 210%;
    }
    #container {
        padding: 4px 0 0 30px;
    }
}


@media only screen and (max-width: 768px) {
    body {
        background-size: 210%;
    }
    #container {
        padding: 75px 0 0 20px;
    }
}

@media only screen and (max-width: 414px) {
    body {
        padding: 0;
        font-size:.8rem; 
    }
    #container { padding: 15px 0 5% 30px; }
}