body { background-color:#000; color:#fff; }
#document { padding:25px; }
.logo { width: 210px; height: 210px; float: left; margin-right: 20px; margin-bottom: 20px; }
.promoimg { height:52px;width:auto; }
.cl-left { clear:left; }
.items { width:auto;clear:left; }
.items .item {width:33%;float:left;}
.items .item .item-in { padding:10px;text-align:center; }
.items .item span {display:block;}
a { color:#c00; }
a:hover { color:#f00; }
h1 { font-size:20pt; }

@media screen and (max-width: 700px) {

.logo {width:60px;height:60px;}
.items .item {width:100%;float:normal;}
.items .item .item-in { padding:5px; }
h1 { font-size:18pt; }
}

@media screen and (max-width: 520px) {

.logo {width:30px;height:30px;}
h1 { font-size:15pt; }
#document { padding:15px; }
}