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

section#main, section#characters, section#interview, section#interview2, section#interview3, section#interview4{max-width:768px;width:100%;clear:both;display:block;height:auto;margin:0px auto 10px auto;}
div.mainc {width:100%;margin-top:46px;}
section#characters {max-width:768px;width:100%;height:auto;}


ul.nav {width:391px;}
.bmenu {width:100%; margin:0 auto;}
.pmenu {margin: 20px 0 20px;}

div.himage {width: 350px;}
ul.social {right:0px;bottom:29px;}
.wccover {clear:both;float:none;margin-bottom:40px;width:100%;text-align:center;}
.twctitle, .caltitle {clear:both;width:70%;margin: 0 auto;}
.ptitle {width:90%;margin:40px auto;}
.text, .ltext {clear:both;width:90%;float:none;}
.interviewintro {clear:both;width:90%;float:none;margin-bottom:26px;}
.itext{clear:both;width:90%;float:none;}
div.splitter {clear:both; margin:40px auto 20px auto;}

}

@media screen and (max-width:500px) {
.section{
margin:0px auto;
height:auto;
width:100%;
display:block;
}
.splitter {display:none; margin:0;}

.spacer {margin-bottom:20px;}

img { max-width: 100%; height:auto;border:0;margin:0;}

[tooltip] {width:90px;height:90px;border-radius:50px;font-size:1,2em;color:#fff;text-align:center;background:#111;float:left; margin-right:0px;margin-bottom:30px;margin-left:12px;}
.circlet {padding-top:36px;font-size:1em;}
.circlet2{padding-top:28px;font-size:1em;}
.circlet3{padding-top:21px;font-size:1em;}
}


div.copyright{text-align:center;height:40px;margin:10px auto 20px;}
section#interview4 {height:auto;}

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


section#main, section#characters, section#interview, section#interview2, section#interview3, section#interview4{max-width:640px;width:100%;clear:both;display:block;height:auto;margin:0px auto 10px auto;}
div.mainc {width:100%;margin-top:46px;}
section#characters {max-width:640px;width:100%;height:auto;}
ul.social {right:0px;bottom:29px;}
ul.nav {width:316px;}
div.himage {display:none;}
div.himagem {
display:block;
position:relative;
height:70px;
width:165px;
margin-left:10px;
}
.caller {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#000;
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	padding:4px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	float:left;
	margin-right:5px;
}
.caller:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.caller:active {
	position:relative;
	top:1px;
}
.caller:visited {
	position:relative;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #000), color-stop(1, #000));
	background:-moz-linear-gradient(top, #000 5%, #000 100%);
	background:-webkit-linear-gradient(top, #000 5%, #000 100%);
	background:-o-linear-gradient(top, #000 5%, #000 100%);
	background:-ms-linear-gradient(top, #000 5%, #000 100%);
	background:linear-gradient(to bottom, #000 5%, #000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#000',GradientType=0);
	background:#000;
}
ul.social {right:0px;bottom:29px;width:96px;}
.social li a {margin-right:8px;}

}

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


section#main, section#characters, section#interview, section#interview2, section#interview3, section#interview4{max-width:479px;width:100%;clear:both;display:block;height:auto;margin:0px auto 10px auto;}
div.mainc {width:100%;margin-top:46px;}
section#characters {max-width:479px;width:100%;height:auto;}
div.himage {display:none;}
div.himagem {
display:block;
position:relative;
height:70px;
width:165px;
margin-left:10px;
}
ul.social {right:0px;bottom:29px;width:100px;}
ul.navp  {list-style:none; margin:0 auto;width:256px;}

.social li a {margin-right:8px;}

.caller {padding{4px 12px;}
}
.pmenu {height:30px;width:100%;margin:30px auto;text-align:center;}