@media (max-width:0px), only screen and (max-device-width:0px){
#container {width:100%; padding:.2em}
.bodytop .align-left{width:100%;float:none;text-align:center;}
.bodytop .align-right{width:100%;float:none;text-align:center;}
.bodytop{height:auto}
.align-left img{width:100%; max-width:800px}
.socialicon					{width:35px;padding:.5em;float:none;position:relative;top:0;overflow:hidden;display:inline-block;}
.socialicon img				{width:100%;}
.socialemail				{background:url(http://offspring.com/o/style/icons/email.png) no-repeat center;background-size:contain;cursor:pointer;width:30px;height:30px;position:relative;left:0;top:0;}
.sir						{float:none;padding:0;margin:0 auto; width:100%; overflow:hidden;}
.sir a						{display:inline-block;width:35px;height:35px;background-size:contain !important;text-indent:100%;white-space:nowrap;overflow:hidden;margin:.5em;}
.socialsp					{display:none;}
.socialemail:hover span		{display:none;}      
#socialholder{width:100%;float:none;text-align:center; max-width:980px; padding:1em;}
.graphic { margin: auto;float:none; padding: 4em 0 4em 0}
.graphic .graphic_img{  position: relative;
  max-width: 870px;
  height: 250px;
  text-align:center;
  background-position: cover; }
iframe{width:100%; height:530px;}
.date{width:auto; font-size:120%;}
.location{width:auto; font-size:120%;}
.city span{width:auto;}
#twitter-widget-1{width: 100% !important;}

  .content{width:auto; background-image:none;}

.content .news .entry .body {}
.content .news .entry{max-width:900px; padding:1em; margin:1em; border-bottom: 3px dotted #fff;}
.content .news {float:none; width:100%; max-width:980px;line-height: normal}
.content .smallheading{font-size: 300%; border-bottom: 3px dotted #fff;}
.content .news .entry, .content .news .entry .title{font-size:200%;}
.content .news .entry .body .img{float:left;  width: 50%; height: auto; margin:0 auto; border: 1px #000 solid;margin-right:.5em}

.content .media{width:100%;float:none;}
.content .media .middle{width:100%;float:none;}
.content .media .column .object{padding:1em;}
.content .media .column .content {text-align:center;max-width: 960px !important;margin-top:.5em; font-size:200%; display: block;}

.content .media .right{width:100%;float:none;}
.menu ul{display:inline-flex; float:none;}
.menu ul li a{width:auto; padding:.5em; line-height:normal; }
.menu{ text-align: center; padding:1em 0 1em 0}

body{background: url(http://geofffunk.com/img/back.jpg) top center repeat scroll; 
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-color:#000}
 }