.footer{position: relative;width:100%; text-align:left; background: #FFF; padding:20px;color:#5a4f32;box-sizing:border-box; -webkit-box-sizing:border-box;}
.footer:after{content:'';display:block;clear:both;}
.footer p{margin-bottom:0;font-size: 13px;}

.footer .details{float:left;margin-bottom: 20px;}
.footer .developer{float:right;margin-bottom: 20px; text-align: right}
.footer .developer div{display: inline-block;margin-right:20px;position: relative; text-align: left;/*border-right: 1px solid #CCC;*/font-size: 13px;}
.footer .developer div:last-child{border:none;margin-right:0;}
.footer .developer div img{margin-right:20px;margin-top:3px;}

.footer .remark{color: #7d6b41;}
.footer .remark p{font-size:12px;margin-bottom:10px;}


@media screen and (max-width: 1280px) {
	.footer .developer {width: 100%;text-align: left;}
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 640px) {
	.footer{padding:20px 10px;}
	.footer .developer div{display:block;margin-right:0px;border-right:none;margin-bottom:20px;}
	.footer .details .spec{display:block;line-height:0;font-size:0;}
}
@media screen and (max-width: 480px) {
}
@media screen and (max-width: 320px) {
}

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