@media only screen and (max-width: 600px) {
    #right {
        width: 100%;
        clear: both;
        white-space: nowrap;
        height: 3em;
    }
    #center {
        margin:0 0 0 0;
        padding-top: 8px;

    }
    #one-true {
        margin: 0 0 0 0;
    }
    body {
        margin: 0 0 0 0;
    }
    ul {
        clear: both;
        display: flex;
        justify-content: center;
        padding: 0 0 0 0;
    }
    li {
        float:left;
    }
    h3.title {
        line-height:40%;
        font:1em "Trebuchet MS", Helvetica, sans-serif;
        letter-spacing:.1em;
        margin: 0 0 0 0;
    }
    h2.title {
        line-height:50%;
        font:1em "Trebuchet MS", Helvetica, sans-serif;
    }
    div.entry > img {
        max-width: 100%;
        padding: 5px;
    }
    div.header > img {
        display:block;
        margin: auto;
    }
}
@media only screen and (min-width: 600px) {
    body {
        background-image:url('../images/5958712_m.png');
        background-repeat:no-repeat;
        background-attachment: fixed;
        background-repeat: no-repeat;
        max-width: 100%;
    }
    #right {
        width: 20%;
        float: right;
        height:100%;
    }
    #center {
        width: 50%;
        float: right;
        height:100%;
        overflow: auto;
    }
    #one-true {
        
    }
    h3.title {
        line-height:50%;
        font:1.1em/1.4em "Trebuchet MS", Helvetica, sans-serif;
        letter-spacing:.1em;
    }
    h2.title {
        line-height:50%;
        font:.8em/1.4em "Trebuchet MS", Helvetica, sans-serif;
    }
    ul {
        padding-left: 10px;
    }
    div.entry > img {
        float:right;
        float:top;
        padding: 8px;
    }
    div.header > img {
        display:block;
        margin-left: 50%;
    }
}
div {
    display:block;
    vertical-align:top;
}
#center {
    background-color: #222;
    padding-left: 8px;
    padding-right: 8px;
}
#right {
    background-color: #ff3399;
    padding-left: 8px;   
}
body {
    background-color:#ffccff;
    margin: 0 0 0 0;
}
ul.nav {
    list-style: none;
    margin-left: 0;
    font: .8em/2em "Trebuchet MS", Helvetica, sans-serif;
    letter-spacing:.5em;
    color:#fff;
}
h3.title {
    text-align:center;
    color:#ff3399;
    border-color:#ff3399;
}
h2.title {
    text-align:center;
    color:#ff3399;
    background:#222;
}
div.entry {
    clear:both;
    border-top-style:dashed;
    border-right-style:none;
    border-bottom-style:none;
    border-left-style:none;
    border-width:1px;
    border-color:#fff;
    padding-top:8px;
}
div.about > img {
    float:right;
}
div.entry > p {  
    color:#ccc;  
    line-height:50%;
    margin-right:5%;
    font:.8em/1.4em "Trebuchet MS", Helvetica, sans-serif;
    padding:4px;
}
div.entry > span {
    font:.8em "Trebuchet MS", Helvetica, sans-serif;
    color:#fff;
    vertical-align: top;
}
div.about > h2, div.contacts > h2 {
    text-align:left;
    color:#ff3399;
    line-height:50%;
    font:1.2em/1.4em "Trebuchet MS", Helvetica, sans-serif;
    letter-spacing:.1em;
    border-top-style:none;
    border-right-style:none;
    border-bottom-style:solid;
    border-left-style:none;
    border-width:1px;
    border-color:#ff3399;
}
p {
    color:#bbb;
    font:.8em/1.4em "Trebuchet MS", Helvetica, sans-serif;
    letter-spacing:.1em;
}
div.about > span {
    color:#ff3399;
    font:.8em/1.4em "Trebuchet MS", Helvetica, sans-serif;
}
div.contacts > div > h3 {
    text-align:left;
    color:#ff3399;
    line-height:50%;
    font:1.1em/1.4em "Trebuchet MS", Helvetica, sans-serif;
    letter-spacing:.1em;
    background:#222;
}
div.contacts > div {
    clear:both;
}
a:link {color:#fff;}      
a:link {text-decoration:none;}
a:visited {color:#fff;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}
a:hover {background-color:#333;}