#logo { position: fixed; top: 8px; right: 50%; margin-right: -480px; }
#navigation > ul > li > a >       span.menutitle {font-size:25px;}
#navigation > ul > li > a:hover > span.menutitle {color:blue;}
.pager .previous>a,.pager .previous>span, .pagenav .pagenav-prev>a,.pagenav .pagenav-prev>span {position:absolute; left 0; top: -60px}
.pager .next>a,.pager .next>span, .pagenav .pagenav-next>a,.pagenav .pagenav-next>span {position:absolute; right:0; top: -60px}

.item-page-title, .item-page-title a {font-size:25px; line-height:35px; color:blue;} 
#user1 a:hover{ font-weight: bold;}
#user1 h3.module-title {color: blue; font-size:25px;}
#user1-inner > div > h3  {font-size:25px; padding-bottom: 20px; margin-left:20px;}

#comp-wrap > div.item-page > h1 > a {font-size:25px; padding:20px;}
#comp-wrap  a:hover{ font-weight: bold;}

@media all and (max-width: 1000px){ #logo { top: 18px; } }
@media all and (max-width: 981px){  #logo { right: 0;  margin-right: 10px;    } }
@media all and (max-width:  769px){ #logo { left: 50%; margin-left: -102.5px; }        #logo img {width: 170px;} }
@media all and (max-width:  569px){ #logo { top: 20px; left: 0; margin-left: -12px; }  #logo img {width: 150px;} }

@media all and (max-width:  481px){
    .pager .previous>a,.pager .previous>span, .pagenav .pagenav-prev>a,.pagenav .pagenav-prev>span {position: relative; left: 0;  top: -10px;}
    .pager .next>a,.pager .next>span, .pagenav .pagenav-next>a,.pagenav .pagenav-next>span {position: relative; right: 0;  top: 0px;}
}
@media all and (max-width:  321px){
    #user1 h3.module-title {font-size: 15pt;}
    .item-page-title, .item-page-title a {font-size:15px; line-height:25px; color:blue} 
}