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

	html, body{
		width:100%;
		margin:0;
		padding:0;
	}

	#wrapper{
		width:100%;
		margin:0;
		padding:0;
	}

	.title{
		margin:0;
		font-size: 10px;
		color:#000;
		margin-bottom:5px;
	}

	#header{
		width:88%;
	    margin: -10px 2% 0;
		padding:0 4%;
		padding-top:40px;
   		background: url("../images/bg_top.png") repeat scroll center top transparent;
	}

	#header_navi{
		display:none;
	}

	#header_navi.mobile{
		width:100%;
	}

	#menu-wrapper{
		width:25%;
		float:right;
		margin-right:5px;
	}

	#menu-button{
		display:block;
		position: relative;
		border: 1px solid #666;
		width:60%;
		padding:0 5px;
		float: right;
		background-color: #666;
	}

	.menu-line{
		background-color:#FFF;
	}

	#menu-title{
		color: #FFF;
		text-align:center;
		line-height: 10px;
	}

	.col {
	    font-size: 12px;
	    text-align: center;
	    margin-left: 2%;
	    display: block;
	    float: left;
	    width: 31%;
		font-family:sans-serif;
		font-weight:400;
	}
	.col:first-child {
	    margin-left: 0;
	}
	.row {
	    margin-bottom: 15px;
	}
	.row:after, .col:after, .clr:after, .group:after {
	    clear: both;
	    content: "";
	    display: block;
	    height: 0;
	    visibility: hidden;
	}
	.col:nth-child(2) {
	    border-left: 1px solid #000000;
	    border-right: 1px solid #000000;
	}
	.col a {
	    color: #231815;
	    text-decoration: none;
	}

	hr.top{
		width:100%;
	}

	.header_top{
		width:100%;
		margin:0;
		padding:0;
	}

	#logo{
		margin:10px 0;
	}

	.header_logo{
		width:100%;
		margin:0;
		padding:0;
		overflow:auto;
	}

	.finch_logo{
		width:72%;
		margin:0;
		padding:0;
		overflow:auto;
		float:none;
	}

	.crossfader{
		float:none;
		width:100%;
		height:100px;
	}

	.crossfader img {
		width:100%;
	}

	.top_navi{
		display:none;
	}

	#main{
		width:88%;
		margin:0 2%;
		padding:30px 4%;
	}

	#container{
		width:100%;
		margin:0;
		padding:0;
	}

	#content{
		width:100%;
		margin:0;
		padding:0;
	    font-size: 12px;
	    line-height: 17px;
	}

	#primary {
		width:94%;
		margin:0;
		margin:20px 0 0 0;
		padding:0 3%;
	}

	#primary, #secondary {
	    float: none;
	    overflow: auto;
	    width: 100%;
	}

	.clear{
		clear:both;
	    float: none;
	}

	#footer{
		width:88%;
	    margin: 0 2%;
		padding:0 4%;
   		background: url("../images/bg_bottom.png") repeat scroll center bottom transparent;
	}
	
	#colophon{
		width:100%;
	}

	#site-generator{
		margin-top:20px;
	}


	@-webkit-keyframes 'pulse' {
	    0%{
	       -webkit-box-shadow:2px 2px 4px rgba(255,255,255,0.2), 2px -2px 4px rgba(255,255,255,0.2), -2px 2px 4px rgba(255,255,255,0.2), -2px -2px 4px rgba(255,255,255,0.2);
	         }
	    100%{
	        -webkit-box-shadow:3px 3px 5px rgba(255,255,255,1),3px -3px 5px rgba(255,255,255,1), -3px 3px 5px rgba(255,255,255,1), -3px -3px 5px rgba(255,255,255,1);
	         }
	}

	.flash{
	-webkit-animation-name: pulse;
	-webkit-animation-duration: 0.8s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
	-webkit-animation-delay: 0s;
	}  



}