/* =Responsiveness: Tablet
================================================== */

@media only screen and (min-width : 768px) and (max-width : 910px) {
#topbar, #outer-wrapper, #credits .inner, #archives {width:740px;min-width:0;}
#linkbar-pages {width: 500px;}
#linkbar-pages ul {padding: 43px 0 0;margin: 0;}

.welcome .topleft, .welcome .topright {width:350px;}
ul.promonav a {line-height:24px;}

#credits .copyright, #credits .copyright2 {float:none;margin-top:10px;text-align:center;}
#linkbar-footer, #linkbar-footer2 {float:none;}


}



/* =Responsiveness: Tablet (Small)
================================================== */

@media only screen and (min-width : 601px) and (max-width : 767px) {
#topbar, #outer-wrapper, #credits .inner, #archives {width:570px;min-width:0;}
#header a img {max-width: 100%;}

.login .featuredimage {overflow:hidden;}
.login .featuredimage img {width:130%;max-width:130%;margin-left:-15%;}

#linkbar-pages {width: 400px;}
#linkbar-pages ul {padding: 43px 0 0;margin: 0;}

.welcome .topleft, .welcome .topright {float:none;width:100%;}
.welcome .topleft {text-align:center;}
ul.promonav a {line-height:24px;}
#works h1 {width: 400px;margin: 0 auto 20px;}

#credits .copyright, #credits .copyright2 {float:none;margin-top:10px;text-align:center;}
#linkbar-footer, #linkbar-footer2 {float:none;}

}



/* =Responsiveness: Mobile (Landscape)
================================================== */

@media only screen and (min-width : 451px) and (max-width : 600px) {
#topbar, #outer-wrapper, #credits .inner, #archives {width:420px;min-width:0;}
#header a img {max-width: 100%;}
#header {float: none;margin: 0 auto;}
#linkbar-pages {width: 100%;text-align:center;}
#linkbar-pages a {margin:0 12px;}
#linkbar-pages ul {padding: 25px 0 0;margin: 0;}

.login .featuredimage {overflow:hidden;}
.login .featuredimage img {width:150%;max-width:150%;margin-left:-25%;}

.welcome .topleft, .welcome .topright {float:none;width:100%;}
.welcome .topleft {text-align:center;}
ul.promonav a {line-height:24px;}

#credits .copyright, #credits .copyright2 {float:none;margin-top:10px;text-align:center;}
#linkbar-footer, #linkbar-footer2 {float:none;}

}


/* =Responsiveness: Mobile
================================================== */

@media only screen and (max-width : 450px) {
#topbar, #outer-wrapper, #credits .inner, #archives {width:300px;min-width:0;}
#header a img {max-width: 100%;}
#header {float: none;margin: 0 auto;}
#linkbar-pages {width: 100%;text-align:center;}
#linkbar-pages li {display: block;margin-bottom:10px;}
#linkbar-pages a {margin:0;}
#linkbar-pages ul {padding: 25px 0 0;margin: 0;}

.login .featuredimage {overflow:hidden;}
.login .featuredimage img {width:180%;max-width:180%;margin-left:-40%;}
#page.login #login {top: 40%;width: 90%;left: 5%;}

.welcome .topleft, .welcome .topright {float:none;width:100%;}
.welcome .topleft {text-align:center;}
ul.promonav a {line-height:24px;}

#credits .copyright, #credits .copyright2 {float:none;margin-top:10px;text-align:center;}
#linkbar-footer, #linkbar-footer2 {float:none;}

}